jquery：nth-​​child（）类不起作用

Question

这不起作用

$(".text_read:nth-child(2)").css("background", "transparent url('images/text_read2.png') no-repeat");

以上代码的结果与下面的代码相同

$(".text_read").css("background", "transparent url('images/text_read2.png') no-repeat");

我的HTML代码是

<div class="welcome">
                    <p class="welcometext">MORE UPCOMING NEWS FOR INTERNATIONAL EVENTS</p>
                    <div class="all_international_img row-fluid">
                    <div class="welcome-image span4 international_img">
                        <img src="images/img1.png">
                        <div class="text_read">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a </div>
                    </div><!--all_international_img row-fluid-->
                    <div class="welcome-image span4 international_img">
                        <img src="images/img1.png">
                        <div class="text_read">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a </div>
                    </div><!--all_international_img row-fluid-->
                    <div class="welcome-image span4 international_img">
                        <img src="images/img1.png">
                        <div class="text_read">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a </div>
                    </div><!--all_international_img row-fluid-->
                    </div><!--all_international_img-->
                </div><!--welcome-->

Answer 1

您希望使用.eq()代替

$('.text_read:eq(2)')

DEMO

Answer 2

在:nth

中使用.eq()

DEMO

$('.text_read:nth(2)');

Answer 3

您可以使用Eq获取子元素

$('.text_read).eq(0);

Answer 4

你可以试试这个。

$(".text_read").eq(2).css({"background", "transparent url('images/text_read2.png') no-repeat"});