如何使用jQuery获取指定位置li元素的类名

嘿，我看你写了这段用来检查指定位置li元素类名的代码，这里有个小问题需要调整，让它能正常工作：

原代码的问题 #

你用了$('#check_passengers li:' + position_to_search)这种写法，这不是jQuery的正确选择器语法。要定位指定索引的元素，得用:eq()选择器，而且jQuery的索引是从0开始计数的（你设置的position_to_search = 2刚好对应第3个li元素，这点是对的）。

修正后的完整代码 #

<ul id='check_passengers'> 
  <li>user one</li> 
  <li>user two</li> 
  <li class='user-checked'>user three</li> 
  <li>user four</li> 
  <li>user five</li> 
</ul> 
<script> 
$(document).ready(function() { 
  var position_to_search = 2; // 对应第3个li（索引从0开始）
  // 使用正确的:eq()选择器
  var target_li = $('#check_passengers li:eq(' + position_to_search + ')');
  var class_of_li = target_li.attr('class'); 
  
  // 处理元素没有class的情况，避免输出undefined
  class_of_li = class_of_li || '无类名';
  
  console.log('User on position 3 : ' + class_of_li); 
}); 
</script>

额外优化建议 #

如果你的需求是判断该元素是否包含某个特定类（比如user-checked），可以直接用hasClass()方法，这样更直观：

var is_checked = target_li.hasClass('user-checked');
console.log('User on position 3 是否被选中: ' + is_checked); // 输出true/false

内容的提问来源于stack exchange，提问作者Miguel Torres