获得元素内部其他元素深处的价值

Question

I've got

<div class='test1'>
    <div>..</div>
    <div>
        <span>...</span>
        <span>target info</span>
    </div>
</div>

How can I get Target info from that span if I know only test1 class?

Answer 1

If your HTML is fixed as show

To get the value of span you can use eq() and text() as follow.

eq(1) will get you the second element and text will give the innerText of element.

 alert($('.test1 div').eq(1).find('span').eq(1).text()); // Get the second span from second div inside .test1 class element 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <div class='test1'> <div>..</div> <div> <span>...</span> <span>target info</span> </div> </div> 

Answer 2

var textOfLastSpan = $('.test1').find('span').last().text();

Answer 3

尝试$(".test1 span:eq(1)").text();