jquery - 如何通过列表项编号确定列表 <li> 的 ID

Question

所以我有一个列表

<ul id="sortable1" class="connectedSortable">
  <li class="ui-state-default">Item 1</li>
  <li class="ui-state-default">Item 2</li>
  <li class="ui-state-default">Item 3</li>
  <li class="ui-state-default">Item 4</li>
  <li class="ui-state-default">Item 5</li>
</ul>

如您所见，这个 ul 的 id 是#sortable1。现在，<li> 的 ID 是什么？包含单词 Item 2 的元素？

<script>
$( "__LIST ITEM ID___" ).click(function() {
  $( this ).addClass( "big-blue", 1000, "easeOutBounce" );
});
</script>

我确信这是一个简单的教程，但我似乎找不到简单的教程。

最好的， 将

Answer 1

这不使用 ID，但这是一个简单的解决方案:

$( "li:contains(Item 2)" ).click(function() {
  $( this ).addClass( "big-blue", 1000, "easeOutBounce" );
});

使用 :contains() 选择器查找 li 中的文本。

应该注意的是，addClass 中第一个逗号之后的任何内容都不会执行任何操作，但我将其保留以与您的代码保持同步。

fiddle