在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/上查看