javascript - 如果满足共同祖先的后代的条件，如何选择元素？

Question

我有一个页面，其中包含“container”类的多个 div 元素，即:

<div class="container">
    <div class="data"> 
        <a class="myclass" href="foo" origin="internal"> 123456789 </a> 
    </div>
    <div class="actions">
        <button class="save" role="add" add="Save" remove="Remove"> Save </button>
        <button class="delete" role="add" remove="Discard" rel="nofollow"> Discard </button>
    </div>
</div>

如何选择“删除”类的所有按钮，但前提是 a 元素具有 origin="internal"？

两个元素的共同祖先是类“container”的 div。

此外，我如何以编程方式单击页面加载时的所有这些按钮？

Answer 1

您可以使用class="delete"选择所有按钮，然后可以使用if else语句。例如:

$('.delete').on('click',function(){
    if($(this).parent().data('origin') == 'internal'){
        //do something
    }else{
       //do something else
    }
})