jquery - 将 .each 与closest() 一起使用

Question

我正在尝试循环遍历表单中的一堆字段，并且需要更改链接文本。

我想要的结果是

Alert("Second 1");
Alert("Second 2");

示例代码:

<div class="text-wrapper">
    <input class="field-text" value="">
</div>
<div>
    <ul>
        <li><a href="" class="first">First</li>
        <li><a href="" class="second">Second 1</li>
    </ul>
</div>
<div class="text-wrapper">
    <input class="field-text" value="">
</div>
<div>
    <ul>
        <li><a href="" class="first">First</li>
        <li><a href="" class="second">Second 2</li>
    </ul>
</div>

<script>
jQuery(document).ready(function() {
        jQuery(".text-wrapper").each(function(){
            var value = jQuery(this).closest("a.second").text();
            alert(value);
        });
});
</script>

Answer 1

closest 查找与选择器匹配的父项，而不是子项。

您需要find。

编辑:find 不起作用，因为您要查找的标签不是 text-wrapper 的子标签。您需要手动遍历 DOM 来查找元素。

jQuery(this).next('div').find("a.second").text();