Question

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

undefined

Fiddle

Answer 1

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

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

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

将find替换为filter

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

查找子项，过滤器查看兄弟级别

Answer 3

试试这个

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 4

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

Answer 5

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

尝试以下代码

＆＃13;

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

＆＃13;

这给了我完美的警觉

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/

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

6 个答案: