Jquery 我试图在span标记中获取一个值。Span标记被包装在锚定标记中,锚定标记被包装在Div中,我的代码如下所示

Jquery 我试图在span标记中获取一个值。Span标记被包装在锚定标记中,锚定标记被包装在Div中,我的代码如下所示,jquery,Jquery,HTML <div id="tab1"> <ul class="tabs ui-helper"> <li class="state ui-top"> <a href="#tab1_2"> <span>XYZ, ABC </span> </a> </li> </u

HTML

 <div id="tab1">
       <ul class="tabs ui-helper">
        <li class="state ui-top">
            <a href="#tab1_2">
                <span>XYZ, ABC </span>
        </a>
         </li>
       </ul>
      </div>
我能拿到潜水舱


请帮助我如何浏览div并在span中获取值

只需像这样向跨度添加一个id

<span id="spanTest">XYZ, ABC </span>
Jquery

var spanTest = $('#spanTest').text();
console.log(spanTest)
var  spanTest1 = $(this).find('span:first');
console.log("With Jquery " + spanTest1.text())
稍微复杂一点

Jquery

var spanTest = $('#spanTest').text();
console.log(spanTest)
var  spanTest1 = $(this).find('span:first');
console.log("With Jquery " + spanTest1.text())
Javascript

var spanTest = document.getElementsByClassName('ui-top'),
    firstEl = spanTest[0].lastElementChild;
console.log("with pure Javascript " + firstEl.firstElementChild.innerText)

这是工作表

如果您使用jquery,可以这样选择它

var a = $("#tab1").first("span");

Fiddle示例:

我很想将Id添加到span中,但这是一种通用的方法。这是一种不向span中添加Id的方法吗?只需添加一个新代码和JSFIDLE,如果这个答案有助于您轻松找到“$(parentFrame.document.getElementById('tab1')。查找(“span:last”).text()”,谢谢大家终于成功了$(parentFrame.document.getElementById('tab1')).find(“span:last”).text()