：not和：first-child

Question

In a for loop I replace the content of a div with another and I add a class to it.

Example:

<div class="page">Loading..</div>
<div class="page">Loading..</div>
<div class="page">Loading..</div>

And jQuery:

$(".page:not(.active):first-child").html("Loaded.").addlass(".active");

It works only for the first. How can I do it? They have to be all "Loaded" in the end.

Answer 1

像这样？

$(".page:not(.active)").html("Loaded.").addClass("active");

Answer 2

change your jquery to

 $(".page:not(.active)").html("Loaded.").addclass("active");

jsfiddle

Answer 3

Replace it with

$(".page:not(.active)").eq(0).html("Loaded.").addClass("active");

To add a class you don't need the dot and :first-child only works for the first child element while you need the first element of the filtered set.