jquery - jQuery：选择具有特定值的元素的内部 html 并将其分配给变量？

Question

我有这个代码：

<dl class="item-options">
    <dt>dt1</dt>
    <dd>dd1</dd>
    <dt>dt2</dt>
    <dd>ss2</dd>
</dl>

现在我想通过其内容访问 dt1 并将 dd1 的值分配给它。我正在遍历每个循环中的所有 dd，因此对于我访问的每个 dd，我想从匹配的 dt 中获取内容。

任何想法如何做到这一点？

谢谢！

score 1 · Accepted Answer

尝试：

var it = $(".item-options dt").first().text());

如果 dt1 不是第一个元素，则可以遍历 each dt：

$("dt").each(function(e) {
   var dt = $(this).text();
   if (dt == "dt1") {
     // logic   
   }
});

score 0 · Accepted Answer

您可以使用:contains选择器来选择包含特定文本的元素，如下所示：

$('.item-options dt:contains("dt1")')

这将选择<dt>具有字符串“dt1”作为其文本的一部分的元素。请注意，它不是完全匹配，因此它还会选择包含“dt1”作为子字符串的元素。

2 回答 2