javascript - 使用 JQuery 从 li 获取具有特定位置的类

Question

我正在尝试制作一个脚本，允许我根据位置检查特定 li 的类，例如：

<ul id='check_passengers'>
    <li>user one</li>
    <li>user two</li>
    <liclass='user-checked'>user three</li>
    <li>user four</li>
    <li>user five</li>
<ul>


<script>
$(document).ready(function() {
var position_to_search = 2;
var class_of_ul = $('#check_passengers li:' + position_to_search).attr('class');
console.log('User on position 3 : ' + class_of_ul);
});
</script>

标签： javascriptjquery

Answer 1

为此使用 css 选择器：

• 第 N 个类型 https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-of-type
• Nth-child https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child

像这样使用它：

$(document).ready(function() {
  var position_to_search = 3;
  var class_of_ul = $('#check_passengers li:nth-child('+ position_to_search +'n)').attr('class');
  console.log('User on position 3 : ' + class_of_ul);
});