Question

<div class="append-something first"></div>
<div class="append-something second"></div>
<div class="append-something third"></div>

$("#trigger").click(function() {
 $(".append-something").append("Some Stuff");
});

你好，我希望上面的代码将单词“Some Stuff”粘贴/附加到div-class“append-something”中，但只粘贴到带有class-name的第一个div中。（在我的代码中，单词应该附加到“first”，而不是“second”或“third”）。非常感谢！

Answer 1

您可以使用CheckBox或:first选择器。对于最后一个，您应该使用:first-child选择器。

对于任何其他元素，您可以使用元素的索引。 jQuery将使用:last类创建一个包含所有元素的数组。所以第一个元素将是append-something的索引。

使用它：https://jsfiddle.net/9bfskesb/

Answer 2

您可以使用first selector：

 $(".append-something:first").append("Some Stuff");

Answer 3

使用$(".append-something:first").append("Some Stuff");或如果您有课程.first，那么只需$(".append-something.first").append("Some Stuff");

$("#trigger").click(function() {
 $(".append-something.first").append("Some Stuff");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="append-something first"></div>
<div class="append-something second"></div>
<div class="append-something third"></div>

<button id="trigger">click</button>

$("#trigger").click(function() {
     $(".append-something:first").append("Some Stuff");
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="append-something first"></div>
<div class="append-something second"></div>
<div class="append-something third"></div>

<button id="trigger">click</button>

Answer 4

You Can use prependTo() method

＆＃13;

$("<span>Hello World!</span>").prependTo(".inner:first-child");

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

＆＃13;

Answer 5

您可以使用:first选择器

＆＃13;

$("#trigger").click(function() {
 $(".append-something:first").append("Some Stuff");
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="append-something"></div>
<div class="append-something"></div>
<div class="append-something"></div>

<button id="trigger">click</button>

＆＃13;

Answer 6

每个div已经有三个不同的类别，first，second，third。您可以专门使用这些类将html附加为

 $(".first").append("Some Stuff");

但是如果你想为每个div添加相同的类，你应该使用

 $(".append-something:first").append("Some Stuff");

Answer 7

$(".append-something").first().append("Some Stuff");

jQuery .append（）仅适用于第一个元素

7 个答案: