jquery - 如何仅使用 jquery 为中间 3 个 div 着色

Question

这个问题已经有答案了:

jquery - get all rows except the first and last (6 个回答)

已关闭 8 年前。

<div>
    <div>
        <div>test1</div>
        <div>test2</div>
        <div class="middle">test3</div>
        <div>test4</div>
        <div>test5</div>
    </div>
</div>

在上面的例子中，我如何只为text2、text3和text4着色

Answer 1

我可能误解了你的问题。您的意思是“除了第一个和最后一个之外的所有”吗？如果是这样，那么我的答案有效(或者如果你只有 5 个 div...)。否则使用mplungjan's answer .

选择容器子级的所有 div，第一个和最后一个除外。

$('.container > div').not(':first').not(':last').css('color', 'red');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div>
  <div class='container'>
    <div>text 1</div>
    <div>text 2</div>
    <div>text 3</div>
    <div>text 4</div>
    <div>text 5</div>
  </div>
</div>