jQuery：选择具有特定值的元素的innerhtml并将其分配给变量？

Question

我有这段代码：

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

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

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

谢谢！

Answer 1

尝试：

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

http://jsfiddle.net/hyskp/

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

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

http://jsfiddle.net/xErBM/

Answer 2

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

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

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