Поиска строк в текстовом поле, которое содержится внутри 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"/> 

Demo

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>