Question

我有一个表，其中包含导航元素，要在它们处于活动状态时突出显示它们。我有执行此操作的代码。代码的问题是我似乎无法捕获单击项的ID。返回未定义。请告诉我我的方式的错误。我真的是一个后端开发人员，只具备一点jquery / javascript知识。

$(function() {
  $('a').click(function() {
    $('.link-active-td').removeClass('link-active-td');
    $('.link-active-text').removeClass('link-active-text');
    var linkid = $(this).attr("id");
    console.log(linkid)
    $("#" + linkid).children().addClass('link-active-td');
    $("#" + linkid).parent().addClass('link-active-text');
  });
});

.link-active-td,
.link-active-text {
  background-color: pink;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td id="1">
      <a class="a-nav" id="1td" href="#">
        <div>
          First Anchor Text
        </div>
      </a>
    </td>
    <td id="2">
      <a class="a-nav" id="2td" href="#">
        <div>
          Second Anchor Text
        </div>
      </a>
    </td>
    <td id="3">
      <a class="a-nav" id="3td" href="#">
        <div>
          Second Anchor Text
        </div>
      </a>
    </td>
  </tr>
</table>

Answer 1

试图捕获ID，并使用了与您相同的代码。我尝试使用console.log（$（this）.attr（“ id”））安慰o / p吗？请找到我尝试捕获id值的代码段。并返回正确的ID。能否请您检查代码中用于“ a”的引号

cdk synth

$（this）.attr（“ id”）;返回未定义

1 个答案: