javascript - 通过jquery从javascript中的html字符串获取特定的id值

Question

我在 JavaScript 变量中有这个 html 字符串，并且想要获取 id 值。

我将其转换为纯 html，然后尝试获取 div 的 id 值。

var rowData = "<div class='multiid' id='3041' style='height:100%;' >test</div>";
var multiidhtml = $(rowData);
var multiid = multiidhtml.find('.multiid').attr("id");

结果应该是 var multiid = 3041 但它不起作用。

Answer 1

您要查找的属性id位于 jQuery 对象本身中。但是 find(.multiid) 会在对象内查找并不真正存在的 multiid 类元素(作为嵌套元素)，并且 attr() 返回未定义。

尝试 multiidhtml.attr("id");

var rowData = "<div class='multiid' id='3041' style='height:100%;' >test</div>";
var multiidhtml = $(rowData);
var multiid = multiidhtml.attr("id");
console.log(multiid);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

考虑以下示例，您可以在其中使用有意义的 find():

var rowData = "<div id='3041' style='height:100%;' >test <p class='multiid' id='myParagraph'>Nested P</p></div>";
var multiidhtml = $(rowData);
var multiid = multiidhtml.find('.multiid').attr("id");
console.log(multiid);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>