Question

我的结果是ui-id-1。但是，如果想要id锚标记ui-id-5和其他人。

＆＃13;

$(".ui-corner-all").click(function() {
   alert(this.id);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0" style="display: none; top: 297px; left: 746px; width: 572px;">
  <li class="ui-menu-item" role="presentation">
    <a id="ui-id-5" class="ui-corner-all" tabindex="-1">Kamran Khan</a>
  </li>
  <li class="ui-menu-item" role="presentation">
    <a id="ui-id-6" class="ui-corner-all" tabindex="-1">Muddassir</a>
  </li>
  <li class="ui-menu-item" role="presentation">
    <a id="ui-id-7" class="ui-corner-all" tabindex="-1">Dr. M. A. al-mamun</a>
  </li>
</ul>

＆＃13;

Answer 1

将您使用的选择器更改为仅适用于a元素

$("a.ui-corner-all").click(function() {
  alert(this.id);
});

$("a.ui-corner-all").click(function() {
  alert(this.id);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0" style="/*display:none*/top: 297px; left: 746px; width: 572px;">
  <li class="ui-menu-item" role="presentation">
    <a id="ui-id-5" class="ui-corner-all" tabindex="-1">Kamran Khan</a>
  </li>
  <li class="ui-menu-item" role="presentation">
    <a id="ui-id-6" class="ui-corner-all" tabindex="-1">Muddassir</a>
  </li>
  <li class="ui-menu-item" role="presentation">
    <a id="ui-id-7" class="ui-corner-all" tabindex="-1">Dr. M. A. al-mamun</a>
  </li>
</ul>

Answer 2

为li点击编写jquery函数。

$("li").click(function () {
    alert($(this).find('a').attr('id'));
});

Answer 3

id元素没有li。另外，要获取当前的jquery对象，需要$（this）来使用其他jquery方法。您需要将活动从ul委托给li并使用find查找具有ID属性的a标记

＆＃13;

$(".ui-corner-all li").click(function() {
  alert($(this).find('a').attr('id'));
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0">
  <li class="ui-menu-item" role="presentation"><a id="ui-id-5" class="ui-corner-all" tabindex="-1">Kamran Khan</a></li>
  <li class="ui-menu-item" role="presentation"><a id="ui-id-6" class="ui-corner-all" tabindex="-1">Muddassir</a></li>
  <li class="ui-menu-item" role="presentation"><a id="ui-id-7" class="ui-corner-all" tabindex="-1">Dr. M. A. al-mamun</a></li>
</ul>

＆＃13;

Answer 4

$("ul li").click(function() {
  alert($(this).find('a').attr('id'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0">
  <li class="ui-menu-item" role="presentation"><a id="ui-id-5" class="ui-corner-all" tabindex="-1">Kamran Khan</a></li>
  <li class="ui-menu-item" role="presentation"><a id="ui-id-6" class="ui-corner-all" tabindex="-1">Muddassir</a></li>
  <li class="ui-menu-item" role="presentation"><a id="ui-id-7" class="ui-corner-all" tabindex="-1">Dr. M. A. al-mamun</a></li>
</ul>

Answer 5

$("#ui-id-1").on('click', 'a', function () {
  alert($(this).find('a').attr('id'));
});

<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0">
  <li class="ui-menu-item" role="presentation"><a id="ui-id-5" class="ui-corner-all" tabindex="-1">Kamran Khan</a></li>
  <li class="ui-menu-item" role="presentation"><a id="ui-id-6" class="ui-corner-all" tabindex="-1">Muddassir</a></li>
  <li class="ui-menu-item" role="presentation"><a id="ui-id-7" class="ui-corner-all" tabindex="-1">Dr. M. A. al-mamun</a></li>
</ul>

在课堂上获取ID的价值点击

5 个答案: