如何通過單擊JQuery中的類來更改兩個元素的CSS？

這是我的html代碼：如何通過單擊JQuery中的類來更改兩個元素的CSS？

<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的CSS和HTML元素。我怎樣才能做到這一點？爲什麼我的代碼不起作用？謝謝

來源

2014-03-05 Chester

請注意，標籤不是關鍵字。填充標籤列表中充滿了您問題中的相同單詞將無助於對它進行分類。請務必閱讀選擇標籤時出現的說明！ – Charles

oke thx提到它:) – Chester

您在功能後，該行錯過{：

$(".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

來源

2014-03-05 07:24:07

@Chester：你試過這個嗎？ –

你不需要冒號:在此處選擇的同級錨：

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

來源

2014-03-05 07:22:39 Felix

，你可以做到以下幾點：

只是一些不同的和容易。

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

看起來很容易這樣！

來源

2014-03-05 07:25:10 AngularHarsh

如何通過單擊JQuery中的類來更改兩個元素的CSS？

回答

相關問題