jquery 遍历li 前四条要单独加样式 yc

可以使用 `each` 方法遍历 `li` 元素，通过 `index()` 方法获取当前元素的索引，然后判断索引是否小于 4，如果是，则添加样式。

示例代码：

$('li').each(function(index) {
  if(index < 4) {
    $(this).addClass('special');
  }
});

其中，`special` 是自定义的样式类名，可以根据需要修改。

相关问题

通过jquery遍历ul下的li 使得内容在页面上依次显示

您可以使用以下代码通过jQuery遍历UL下的LI，并将内容依次显示在页面上：

$("ul li").each(function(index) {
  var delay = index * 1000; // 设置延迟时间，每个LI间隔1秒显示
  var li = $(this);
  setTimeout(function() {
    li.show(); // 显示LI
  }, delay);
});

这段代码首先选中UL元素下的所有LI元素，然后使用`each`方法对每个LI进行遍历。在遍历的过程中，使用`setTimeout`函数设置一个延迟时间，使得每个LI在相应的延迟时间后显示出来。在延迟时间到达后，使用`show`方法将LI显示出来。

请注意，您需要确保在运行该代码之前已经引入了jQuery库。

jQuery 遍历表格

可以使用 jQuery 的遍历方法来遍历表格。下面是一个使用 jQuery 遍历表格的示例代码：

<table>
  <tr>
    <th>名称</th>
    <th>价格</th>
  </tr>
  <tr>
    <td>商品1</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>商品2</td>
    <td>$200</td>
  </tr>
</table>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
  $(document).ready(function() {
    $('table tr').each(function() {
      var name = $(this).find('td:first').text();
      var price = $(this).find('td:last').text();
      console.log(name + ': ' + price);
    });
  });
</script>

在这个示例中，`$('table tr').each()` 方法用于遍历表格的每一行，`$(this).find('td:first')` 和 `$(this).find('td:last')` 方法用于获取当前行的第一个和最后一个单元格的内容。最后将获取到的内容输出到控制台中。