如何从父元素获取ID作为字符串并与另一个字符串进行比较？

Question

我有以下HTML结构:

<div id="blah">
    <ul style="...">
        <li><a href="...">...</a></li>
    </ul>
</div>

我有一个针对所有<a>标签的jQuery选择器.但是,我想检查点击<a>是否是一个子项目id="blah".

这是我到目前为止:

$(document).on('click', 'a', function(t) {
    console.info($(this).text());
    if($(this).parent() == 'blah'){
        console.info('Yes, this link has the parent');
    }
});

但是,if永远不会变为真,我无法检测链接何时具有指定的父级.我该如何正确地做到这一点？

Answer 1

使用attr()来获取元素的属性值

if($(this).parent() == 'blah'){

应该

if($(this).parent().attr('id') == 'blah'){

$(document).on('click', 'a', function() {
  console.info($(this).text());
  if ($(this).parent().attr('id') == 'blah') {
    console.info('Yes, this link has the parent');
  }

  return false; // To stop page redirection
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="blah">
  <ul style="...">
    <li><a href="...">...</a>
    </li>
  </ul>
</div>

你也可以使用

if($(this).parent().is('#blah'){

我想检查点击是否是id ="blah"的子项.

if ($(this).parent('#blah').length) {

如果要检查,这将检查直接父母 祖先

if ($(this).closest('#blah').length) {