在Jquery中只更改一个类的类文本

时间:2017-02-27 16:06:38

标签: jquery

好吧所以我试图只改变当前班级的文本而不是全部。

例如

$(".post_like").click(function() {
    $(".upvotes_changer_inner").text("Hello world");
 });

HTML将是

<div class="post_like">
    <p class="upvotes_changer_inner">
      Change me
    </p>
</div>

<div class="post_like">
    <p class="upvotes_changer_inner">
      Change me
    </p>
</div>

<div class="post_like">
    <p class="upvotes_changer_inner">
      Change me
    </p>
</div>

关于Jsfiddle的例子: https://jsfiddle.net/09jgeb60/

问题基本上是,它应该只改变我点击的元素,而不是全部

1 个答案:

答案 0 :(得分:2)

您需要使用$(this)来引用要点击的元素:

$(".post_like").click(function() {
    $(this).find(".upvotes_changer_inner").text("Hello world");
});

<强> jsFiddle example