jQuery:如果所选元素 $(this) 的父元素的类名为 'last'

Question

我一定错过了一些非常重要的东西，我一直在使用 .parent().parent().parent().. 等来遍历 DOM 和 .next().next() 来遍历 DOM。

我知道这是错误的，我需要更可靠的东西，我需要一个选择器，它将从单击的元素 $(this) 向下遍历 DOM，以查看单击的元素是否位于具有“last”类的元素内”。

div.last > div > table > tr > td > a[THE ITEM CLICKED is in the element last]

和

div > div > table > tr > td > a[THE ITEM CLICKED is not in the element last]

如果结果有长度

var isWithinLastRow = [amazingSelector].length;

在这种情况下做其他事情。

Answer 1

试试这个:- http://jsfiddle.net/adiioo7/PjSV7/

HTML:-

<div class="last">
    <div>
        <table>
            <tr>
                <td>
                    <a>Test</a>
                </td>
            </tr>
        </table>
    </div>
</div>
<div>
    <div>
        <table>
            <tr>
                <td>
                    <a>Test</a>
                </td>
            </tr>
        </table>
    </div>
</div>

JS:-

jQuery(function($){
    $("a").on("click",function(){
       if($(this).closest(".last").length>0)
       {
           alert("Clicked anchor with div parent class as last");
       }
    });
});