我正在尝试在span标记内获取值。 Span标签被包装在一个锚标签中，该标签包含一个Div，我的代码如下所示

Question

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>

JS

parentFrame.document.getElementById('tab1')

我能够得到div

请帮助我如何浏览div并获取范围中的值

Answer 1

方便

只需在此范围内添加一个id。

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

<强>的Javascript

var spanTest = document.getElementById('spanTest').innerText;
console.log(spanTest)

<强> Jquery的

var spanTest = $('#spanTest').text();
console.log(spanTest)

LITTLE BIT更复杂

<强> Jquery的

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)

这是工作jsFiddle

Answer 2

如果您使用的是jquery，可以像这样选择

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

小提琴示例：http://jsfiddle.net/m553z88j/1/