jquery on click 事件不适用于无序列表中的列表项

Question

我有以下列表，其中包含 id #sortable1 的无序列表，我想要实现的是每当使用 < ul id="sortable2"> 单击 li 元素时，应该发生 onclick 事件并提醒 li 中的 id被单击的元素。我在无序列表中还有一个元素，该元素不应使用 class="emptyMessage"单击

我陷入困境，不知道如何继续

到目前为止我已经

<ul id="sortable1" class="connectedSortable ui-sortable">
<li class="ui-state-default" id="1">Name1</li>
<li class="ui-state-default" id="2">Name2</li>
<li class="ui-state-default" id="3">Name3</li>
<li class="ui-state-default" id="4">Name4</li>
<li class="ui-state-default" id="5">Name5</li>
<li style="display: list-item;" class="emptyMessage">No more contacts available</li></ul>

我的 JQUERY 代码

$("#sortable1 li").click(function() {
          alert('Clicked list.'+$(this).value);
         });

Answer 1

这应该可以做到:

$("#sortable1 li").not('.emptyMessage').click(function() {
       alert('Clicked list. ' + this.id);
});

演示:http://www.jsfiddle.net/gztRq/2/