Question

我想通过JQuery获取div的所有内部元素，然后修改它们的CSS。我有这个：

<div id="example">
    <div class="inner"><p>Hello</p>
    <div class="inner"><p>I'm</p>
    <div class="inner"><p>New in JQuery</p>
</div>

然后我想用JQuery来改变他们的CSS。像这样：

在

内

$('#example').on('click', function(){
     $(this).html().css('color','blue');
});

这是一个示例，但我想使用拖放将其应用于真实的Web应用程序。感谢

Answer 1

如果你想使用.on功能试试这个：

$("#example div").on("click", function(){
  $(this).css('color','blue');
});

Js Fiddle：example

Answer 2

$。children（）将为您提供任何选择器直接后代的元素。如果你想获得所有后代，你可以做$ .find（）。听起来你想要这样做：

$("#example").click(function () {
    $(this).children().css('color', 'blue');
});

Answer 3

点击它会将颜色变为红色。

 $('#example').on('click', function(){
    $( this ).css( "color", "red" );
 });