获取深入其他元素的元素的价值

Question

我有

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

如果我只知道 test1 class，如何从该范围获取目标信息？

Answer 1

如果你的HTML固定为show

要获取 span 的值，您可以使用 eq() and text()，如下所示。

eq(1) 会得到第二个元素，text 会得到元素的 innerText。

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();

获取深入其他元素的元素的价值

Getting value of element which is deep inside other elements

html

jquery

dom

element