javascript - 来自父级相邻元素的 ID

Question

我需要获取“ parent 相邻”元素的ID。现在我已经可以选择包含 ID 的元素了。现在我只需要输出 ID 即可。

<小时/>

<强> JSFiddle

jQuery:

$(function(){
    var a = $('.function').closest('li').find('a:first').attr('id');
    console.log(a);
});

HTML:

<ul>
    <li>
        <a id="get-this-ID-1">
            Link 1.
        </a>
        <div>
            <div class="function">
                Function 1 here.
            </div>
            <a>Link2 1.</a>
        </div>
    </li>
    <li>
        <a id="get-this-ID-2">
            Link 2.
        </a>
        <div>
            <div class="function">
                Function 2 here.
            </div>
            <a>Link2 2.</a>
        </div>
    </li>
    <li>
        <a id="get-this-ID-3">
            Link 3.
        </a>
        <div>
            <div class="function">
                Function 3 here.
            </div>
            <a>Link2 3.</a>
        </div>
    </li>
</ul>

Answer 1

您走在正确的道路上。问题是 attr 返回集合中第一个元素的值。您应该遍历集合并分别获取每个元素的 ID。

以下是使用 map 方法生成 ID 数组的示例:

var a = $('.function').closest('li').find('a:first').map(function() {
    return this.id;
}).get();

您还可以使用 :has 选择器:

$('li:has(.function)').children('a').each(function() {
    console.log(this.id);
});