更改點擊時的兒童字體顏色？

Question

我正在嘗試更改單擊時的字體顏色，但不幸的是它沒有改變。 正確的方法是什么？

$("#hepsi").click(function(){

$(this).removeClass('boskolon2').addClass('boskolon').siblings('.boskolon').removeClass('boskolon').addClass('boskolon2');
$(this).children("img").not("img.profimg").hide();
$(this).children("font").css({color: 'red'});

});

html

<div id="hepsi" class="boskolon2">
<img class="profimg" src="misal.png" width=36 \><div>
<b><font id="probas">AkifFF</font></b><br>22, Mersin</div>
</div>

Answer 1

使用.find()代替.children()請注意.children()僅行進的單級下調DOM樹。

$(this).find("font").css({"color": 'red'});

Answer 2

當您想更改顏色或某些css規則不使用js時，請使用toggleClass，它比css慢

$("#hepsi").click(function(){
   $(this).toggleClass('myColor');
});

CSS代碼

.bosklon {
   color: ...;
 }

.bosklon.myColor{
  color : ...;
 }

html

<div id="hepsi" class="bosklon">
<img class="profimg" src="misal.png" width=36 \><div>
<b><font id="probas">AkifFF</font></b><br>22, Mersin</div>
</div>

Answer 3

我認為HTML 5不支持字體標簽，因此我會使用CSS而不是字體標簽，您可以使用： $(this).children("b").css({color: 'red'});

並刪除字體標簽。

干杯