Question

考虑到，我有这个HTML代码：

<div class="container" id="content-module">
    <div class="wrap"></div>
        <section class="app-content">
            <div class="row">
                <div class="m-b-xl col-md-10 col-md-offset-1">
                    <h1>Title</h1>
                </div>
            </div>
            <div class="row">
                ...
            </div>
        </section>
    </div>
</div>

如何获得h1值？

我试过了：

$('#content-module > .wrap > .app-content > .row > .m-b-xl > h1').txt();

感谢。

Answer 1

在jQuery中，您可以使用：

$('h1').text();

在普通的javascript中，您可以使用：

var headingText = document.getElementsByTagName('h1')[0].textContent;

工作示例：

$(document).ready(function(){

    console.log('jQuery returns: ' + $('h1').text());
  
});

var headingText = document.getElementsByTagName('h1')[0].textContent;
console.log('Plain javascript returns: ' + headingText);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container" id="content-module">
    <div class="wrap"></div>
        <section class="app-content">
            <div class="row">
                <div class="m-b-xl col-md-10 col-md-offset-1">
                    <h1>Title</h1>
                </div>
            </div>
            <div class="row">
                ...
            </div>
        </section>
    </div>
</div>

Answer 2

jquery选择器的问题是div.wrap元素在没有子节点的情况下关闭的事实，但是你选择它就好像它有子节点一样。要正确使用该元素链，您必须从选择层次结构中删除.wrap，并将.txt()的拼写更正为.text()：

$('#content-module > .app-content > .row > .m-b-xl > h1').text();

在jQuery

2 个答案: