javascript - 单击时更改 child 字体颜色？

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'});