JQuery - 使用jquery获取所有内部元素并修改它们的CSS

时间:2014-02-10 20:54:02

标签: javascript jquery html css

我想通过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应用程序。感谢

3 个答案:

答案 0 :(得分:1)

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

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

Js Fiddle:example

答案 1 :(得分:0)

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

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

这是Fiddle Demo

答案 2 :(得分:0)

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

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

JS小提琴:http://jsfiddle.net/67Lax/