javascript - 我想找出 ul li a 的 id

Question

我正在编写一个自动化脚本。我正在处理 ajax 下拉菜单。 当点击文本框 [input type=text ] 时，它会生成一个 ul 列表。 像这样:

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-121" tabindex="0" style="z-index: 100002; display: block; top: 26px; left: 0px; width: 392px;">
<li class="ui-menu-item" role="presentation"><a id="ui-id-327" class="ui-corner-all" tabindex="-1"><span style="display:inline-block;">Select Org Unit</span></a></li>
<li class="ui-menu-item" role="presentation"><a id="ui-id-328" class="ui-corner-all" tabindex="-1"><span style="display:inline-block;">10</span></a></li><li class="ui-menu-item" role="presentation"><a id="ui-id-329" class="ui-corner-all" tabindex="-1"><span style="display:inline-block;">1A</span></a></li>
</ul>

它总是生成一个唯一的 ID，所以我不能使用 ID 进行点击。有什么方法可以通过 text/val 找到而不是获取 ID 并单击它吗？

Answer 1

您可以获得相应的 ID 为:

$("ul li a").on('click', function(){
      var myID = $(this).attr('id');
});