DIV要素に含まれるテキストエリアの文字列を検索します。

Question

<div id="right_pane"> 
<textarea id="TextArea1"></textarea> 
<input id="Submit1" type="submit" value="submit" /> 
</div> 

こんにちは DIV要素内にテキスト領域と送信ボタンがあります。テキストエリアへの入力はウェブサイトのソースコードになります。送信ボタンをクリックすると、ソースコードに含まれるテキストボックス要素の数を検索してユーザーに表示する必要があります。 コードを教えてもらえますか？

ありがとうございます。

Answer 1

以下を試すことができます。

サンプルソースコード

<div> 
<input id="textbox1" type="text"/> 
</div> 
<input type="text" id="textbox2"/> 

デモ

var 
 
$textarea = $('#TextArea1'), 
 
$submit = $('#Submit1'); 
 

 
// Apply test input 
 
$textarea.val('<div><input id="textbox1" type="text"/></div><input type="text" id="textbox2"/>'); 
 

 

 
$submit.click(function(e) { 
 
    e.preventDefault(); 
 

 
    sourceCode = $textarea.val(); 
 

 
    // Create jQuery object to insert and search the source code (from the textarea) 
 
    var $searchObject = $('<div id="searchThis"></div>'); 
 

 
    // Append the source code (converted to a jQuery object) 
 
    $searchObject.append($(sourceCode)); 
 

 
    // Search the object for occurrence of type="text" inputs 
 
    alert($searchObject.find('[type=text]').length); 
 
});

textarea { 
 
    width: 400px; 
 
    height: 300px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="right_pane"> 
 
    <textarea id="TextArea1"></textarea> 
 
    <input id="Submit1" type="submit" value="submit" /> 
 
</div>

：あなたは、サンプルのソースコードの入力を提供しなかったので、私は以下のサンプルソースコードでこれをテストしました