检查元素是否具有递归的父级

时间:2014-10-22 16:29:23

标签: javascript jquery html

我有以下HTML和javascript ::

<div id="1">
    <div id="2">
        <div id="3" class="clickable">

        </div>
    </div>
</div>

<div id="4" class="clickable">

</div>

<script>
    $(".clickable").click(function ()
    {
        alert($(this).closest("#1").length == 0);
    });
</script>

当有人点击“可点击”元素时,我想查看:

  1. 如果点击的元素是[div.id ==“1”]的子元素,则警告(True)。
  2. 否则,提醒(错误)。
  3. 例如:

    1. 点击id =“3” - 提醒(True)。
    2. 点击id =“4” - 提醒(False)。
    3. 为什么这不适合我?

1 个答案:

答案 0 :(得分:0)

您实际上想要检查最近是否为1,请使用

alert($(this).closest("#1").length != 0);

演示小提琴:http://jsfiddle.net/1u1h2tL7/