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"/>

<强>演示

＆＃13;

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);
});

＆＃13;

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

＆＃13;

<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>

＆＃13;

搜索包含在DIV

1 个答案: