如何使用jquery获取特定元素？

Question

我正在尝试获取具有类repeat的div元素。 所以我尝试了这个，但它显示undefined 。

var data = '<div class="test form-group col-xs-6 repeat" id="repeat_py">\n <div class="kv col-lg-2">index:\n<pre class="num">0</pre></div>\n<div><span class="kv">value: <pre class="num">m</pre></span></div></div>'

alert($(data).find('div.repeat').html())

小提琴

Answer 1

你需要.filter()而不是.find()

将匹配元素集减少到与选择器匹配的元素或传递函数的测试。

 $(data).filter('div.repeat').html()

 var data = '<div class="test form-group col-xs-6 repeat" id="repeat_py">\\n <div class="kv col-lg-2">index:\\n<pre class="num">0</pre></div>\\n<div><span class="kv">value: <pre class="num">m</pre></span></div></div>' alert($(data).filter('div.repeat').html()) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

Answer 2

filter替换find

alert($(data).filter('div.repeat').html())

找到孩子，过滤器看着兄弟级别

Answer 3

试试这个

 var data = '<div class="test form-group col-xs-6 repeat" id="repeat_py">\\n <div class="kv col-lg-2">index:\\n<pre class="num">0</pre></div>\\n<div><span class="kv">value: <pre class="num">m</pre></span></div></div>'; var HTMLobject = $('<div/>').html(data); console.log(HTMLobject.find('div.repeat').html()); alert(HTMLobject.find('div.repeat').html()); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 4

您可以尝试使用此alert($(data).html());

Answer 5

你只是缺少这里的包装类，这就是为什么你得到一个未定义的错误

尝试以下代码

  var data = '<div><div class="test form-group col-xs-6 repeat" id="repeat_py">\\n <div class="kv col-lg-2">index:\\n<pre class="num">0</pre></div>\\n<div><span class="kv">value: <pre class="num">m</pre></span></div></div></div>' alert($(data).find('div.repeat').html()) 

这给了我完美的警觉

Answer 6

ALternate solution:

var data = '<div class="test form-group col-xs-6 repeat" id="repeat_py">\n <div class="kv col-lg-2">index:\n<pre class="num">0</pre></div>\n<div><span class="kv">value: <pre class="num">m</pre></span></div></div>'
$('body').append(data);
alert($('body').find('div.repeat').html());

Fiddle link

https://jsfiddle.net/fgf9nyn0/18/