Question

我想获得锚标签的相应ID。

<div class="row">
    <div style="display:inline-block; width:200px"></div>
    <div class="dropdown" id="dropdown-container" style="display:inline-block; padding-left:10px;">
        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
            Party ID
            <span class="caret"></span>
            <span class="sr-only"></span>
        </button>
        <ul class="dropdown-menu" id="dropdown-check1" aria labelledby="dropdownMenu1">
            <li><a href="#" id="class">class ID</a></li>
            <li><a href="#" id="subject">subject Number</a></li>
             </ul>
        </div>

我已经编写了这段代码来获取id：

console.log($("#dropdown-container a").parents('.dropdown-menu').attr('id'))

但这是检索值“dropdown-check1”而不是相应的锚标签。我该怎么做才能获得相应锚标签的ID？

Answer 1

您可以尝试此代码

jQuery('#dropdown-check1 a').each(function(){var x= jQuery(this).attr('id');console.log(x);});

然后让我知道结果。

Answer 2

要访问a中所有dropdown-container的ID，您可以使用以下代码。

$("#dropdown-container a").each(function(){
  console.log($(this).attr('id'));
});

仅在单击时才能访问锚标记的id。

$("#dropdown-container").on('click', 'a', function() {
  console.log($(this).attr('id'));
});

工作演示：

＆＃13;

$("#dropdown-container a").each(function(){
  console.log($(this).attr('id'));
});

$("#dropdown-container").on('click', 'a', function() {
  console.log($(this).attr('id'));
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row">
  <div style="display:inline-block; width:200px"></div>
  <div class="dropdown" id="dropdown-container" style="display:inline-block; padding-left:10px;">
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
        Party ID
        <span class="caret"></span>
        <span class="sr-only"></span>
    </button>
    <ul class="dropdown-menu" id="dropdown-check1" aria labelledby="dropdownMenu1">
        <li><a href="#" id="class">class ID</a></li>
        <li><a href="#" id="subject">subject Number</a></li>
    </ul>
  </div>
</div>

＆＃13;

如何使用Javascript在控制台中检索锚标签的ID？

2 个答案: