Question

这是我的HTML代码：

<div class="contentSuma" style="float:left">
   Adauga Suma
</div>
<input type ="text" class ="sumaTransa" style ="display:none;float:left;">
<a href="#" class = "addsumaTransa"  style ="float:left;display:none;">+</a>

和js functino代码：

$(".contentSuma").click(function() {
        $(this).next('.sumaTransa').css("display","inline");
        $(this).siblings(":a").css("display","inline");
});

我想通过单击类.contentSuma来更改类.sumaTransa和html元素中的css。我怎样才能做到这一点？为什么我的代码不起作用？谢谢

Answer 1

你错过了{之后的功能：

$(".contentSuma").click(function()

从:删除siblings(":a")。

请参阅api doc了解jquery选择器。

试试这个：

    $(".contentSuma").click(function()  {
        $(this).next('.sumaTransa').css("display","inline");
        $(this).siblings("a").css("display","inline");
});

working jsFiddle

Answer 2

您不需要冒号:来选择兄弟锚点：

$(this).siblings("a").css("display","inline");

Answer 3

您可以执行以下操作：

只是一些与众不同的东西。

 $(this).find('.sumaTransa').addclass("newClass");
 $(this).find('.newClass').removeClass("sumaTransa");

这样看起来很简单！

如何通过单击JQuery中的类来更改两个元素的CSS？

3 个答案: