我具有以下元素结构。
<ul class="pagination floatRight margin-top-3x margin-right-2x search-pagination-cntr" id="logs_link_pager"><li class="hide disabled"><a href="/marketing/videoCall/history/businessID/f1f0e0d3-4e47-ba1a-1d57-5f9d009a41db"></a></li>
<li class="previous disabled"><a href="/marketing/videoCall/history/businessID/f1f0e0d3-4e47-ba1a-1d57-5f9d009a41db"><span aria-hidden="true" class="p0">« Previous</span></a></li>
<li class="active"><a href="/marketing/videoCall/history/businessID/f1f0e0d3-4e47-ba1a-1d57-5f9d009a41db">1</a></li>
<li class=""><a href="/marketing/videoCall/history/businessID/f1f0e0d3-4e47-ba1a-1d57-5f9d009a41db/page/2">2</a></li>
<li class="next"><a href="/marketing/videoCall/history/businessID/f1f0e0d3-4e47-ba1a-1d57-5f9d009a41db/page/2"><span aria-hidden="true">Next »</span></a></li>
<li class="hide"><a href="/marketing/videoCall/history/businessID/f1f0e0d3-4e47-ba1a-1d57-5f9d009a41db/page/2"></a></li>
</ul>
现在,我想编写一个click事件,例如
$('#logs_link_pager a').click(function(ev)
但我不希望<a>
其父<li>
元素具有active
或disabled
类的那些元素的click事件。
您可以:not
在选择器中使用:
$('#logs_link_pager li:not(.active, .disabled) a').click(function(ev) {
// your code here...
});
或者,您可以在点击处理程序本身中检查父级的类。如果active
和disabled
类动态更改,则此方法会更好:
$('#logs_link_pager a').click(function(ev) {
if ($(this).closest('li').is('.active, .disabled'))
return;
// your code here...
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句