如何解决在ul中寻址第一个/最后一个项目li |
如何检查被单击的DOM元素是无序列表项中的\'first \'li元素还是\'last \'li元素?解决方法
根据您在编辑之前出现的问题以及您的评论,似乎您正在响应单击“ 0”的问题,并试图找出包含“ 1”的是第一个还是最后一个孩子。
将
.is()
和.closest()
一起使用来检查:
$(\'ul li img\').click(function() {
var $li = $(this).closest(\'li\');
if ($li.is(\':first-child\')) {
// First
} else if ($li.is(\':last-child\')) {
// Last
}
});
,尝试这个:
<ul class=\"myUnorderedList\"><li>First</li><li>Last</li></ul>
js:
$(\'.myUnorderedList li\').click(function(){
if($(this).is(\':first\')) console.log(\'first li\');
if($(this).is(\':last\')) console.log(\'last li\');
})
,使用first()和last():
$(\'#ulid > li\').first();
$(\'#ulid > li\').last();
,如果这是您的代码:
<ul class=\"myUnorderedList\"><li>First</li><li>Last</li></ul>
然后,您可以通过“第一个”选择器(http://api.jquery.com/first-selector/)或“最后一个”选择器(在此处输入链接描述)进行访问,如下所示:
<script>$(\".myUnorderedList>li:first\").css(\"font-style\",\"italic\");</script>
<script>$(\".myUnorderedList>li:last\").css(\"font-style\",\"italic\");</script>
,也许这可以帮助
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
有了这个jQuery代码
$(\"li\").click(function(){
if ($(\"li:first\").text() == $(this).text() ){
alert(\"first\");
}
if ($(\"li:last\").text() == $(this).text() ){
alert(\"last\");
}
});
在http://jsfiddle.net/GT7Mm/上查看
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。