Question

我想替换以下结构中提到的分隔符号，因为我需要先获取位置，任何人都可以帮忙继续

这是我的结构

  <div>
       <ul>    
           <li><a>text</a></li>    
           <li><span> > </span></li>    
      <li></li>   
      <li></li>    
  </ul>    
</div>

Answer 1

你可以这样选择你的第二个li：

$("div ul li:eq(1)")

Answer 2

你可以试试css3选择器

$('ul li:nth-child(2)')

了解更多信息 nth-child-selector

通过这种方式，您还可以获得偶数或奇数选项，例如nth-child(2n+1) nth-child(2n)，并在您的css中使用此选择器，并使用selectivizr在ie和旧浏览器中工作

Answer 3

使用此：

$("ul li:nth-child(2)").html();

或者，如果您只需要文字，可以使用：

$("ul li:nth-child(2)").text();

Answer 4

试试这个：

$('div ul').children('li').eq(1);

如果您想获取内容，则需要附加.html()：

$('div ul').children('li').eq(1).html();

Answer 5

试试这个：

var position = $('li:contains(>)').index();

jQuery，获得第二个li标签内容

5 个答案: