用jQuery从字符串中获取第一个id

Question

我正在通过字符串检索HTML内容。现在我只想检索id的第一个值id3。谁能告诉我应该使用哪种表达方式？

var string = "<div class='test' id='id3'><div class='test2' id='id2'></div></div> ";

grab = string.split(/'/)[1];

$('body').append(grab);

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

Answer 1

1. 将其用作jquery对象，然后使用类test获取属性id
＆＃13;
＆＃13;
var string = "<div class='test' id='id3'><div class='test2' id='id2'></div></div> ";

grab = $(string+".test").attr('id')

$('body').append(grab);
＆＃13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
＆＃13;
＆＃13;
＆＃13;

Answer 2

您可以使用document.createElement创建一个临时元素，并在新元素上使用标准JS属性，获取div中任何子元素的ID。

var string = "<div class='test' id='id3'><div class='test2' id='id2'></div></div> ";

var div =document.createElement('div');
div.innerHTML = string;
console.log(div);

var grab = div.children[0].id;

$('body').append(grab);

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

Answer 3

试试这个

var string = "<div class='test' id='id3'><div class='test2' id='id2'></div></div> ";
var element = $(string);
var value = element.attr('id');
console.log(value);  // id3

Answer 4

让你成为一个选择器，然后使用find（）和attr（）

var string =＆＃34; ＆＃34 ;;     var id = $（string）.find（＆＃34; .test＆＃34;）。attr（＆＃34; id＆＃34;）;     的console.log（I＆＃39; d）;