Javascript 获取子节点的内容_Javascript_Jquery

Javascript 获取子节点的内容

javascript jquery

Javascript 获取子节点的内容,javascript,jquery,Javascript,Jquery,我有一个如下所示的HTML结构。我需要得到标题内容和描述内容 <div id="results"> <div class="ui list"> <div class="item"> <div class="content"> <a class="header" onclick=" toMaker(event, 967)">Mahachai Holding&l

我有一个如下所示的HTML结构。我需要得到标题内容和描述内容

<div id="results">
    <div class="ui list">
        <div class="item">
            <div class="content">
                <a class="header" onclick=" toMaker(event, 967)">Mahachai Holding</a>
                <div class="description">Lat Phrao, Bangkok, 10230</div>
            </div>
        </div>
    </div>
</div>

得到像这样的字符串

“曼谷MahachaiHoldingLat Phrao，10230”

但现在我对如何获取标题名和描述名感到困惑

$('#results > .ui.list')[0].childNodes[0].childNodes[1].innerHTML

$('#results > .ui.list').find('.header') //will get you header element
$('#results > .ui.list').find('.description') //will get you description element

这就是你的意思吗

引用url

这就是你的意思吗

参考url

您需要找到

.header

和

.description的.html（）


const$content=$（“#results.ui.list.item.content”）；
log（$content.find（“.header”）.html（））；
log（$content.find（“.description”）.html（））

马哈柴控股公司
曼谷拉普劳，10230
您需要找到.header
和.description的.html（）


const$content=$（“#results.ui.list.item.content”）；
log（$content.find（“.header”）.html（））；
log（$content.find（“.description”）.html（））

马哈柴控股公司
曼谷拉普劳，10230
试试这个
 <!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        console.log($(".content").text())
    });
    </script>
    </head>
    <body>

    <div id="results">
        <div class="ui list">
            <div class="item">
                <div class="content">
                    <a class="header" onclick=" toMaker(event, 967)">Mahachai Holding</a>
                    <div class="description">Lat Phrao, Bangkok, 10230</div>
                </div>
            </div>
        </div>
    </div>

    </body>
    </html>

输出将只给出元素的文本，而不是内部html

///获取标题文本
console.log（$（'#results.ui.list a.header'）.text（）；
///获取描述文本
console.log（$（'#results.ui.list div.description'）.text（）

马哈柴控股公司
曼谷拉普劳，10230
试试这个
 <!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        console.log($(".content").text())
    });
    </script>
    </head>
    <body>

    <div id="results">
        <div class="ui list">
            <div class="item">
                <div class="content">
                    <a class="header" onclick=" toMaker(event, 967)">Mahachai Holding</a>
                    <div class="description">Lat Phrao, Bangkok, 10230</div>
                </div>
            </div>
        </div>
    </div>

    </body>
    </html>

输出将只给出元素的文本，而不是内部html

///获取标题文本
console.log（$（'#results.ui.list a.header'）.text（）；
///获取描述文本
console.log（$（'#results.ui.list div.description'）.text（）

马哈柴控股公司
曼谷拉普劳，10230
试试这个
 <!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        console.log($(".content").text())
    });
    </script>
    </head>
    <body>

    <div id="results">
        <div class="ui list">
            <div class="item">
                <div class="content">
                    <a class="header" onclick=" toMaker(event, 967)">Mahachai Holding</a>
                    <div class="description">Lat Phrao, Bangkok, 10230</div>
                </div>
            </div>
        </div>
    </div>

    </body>
    </html>


$（文档）.ready（函数（）{
console.log（$（“.content”）.text（）
});
马哈柴控股公司
曼谷拉普劳，10230
试试这个
 <!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        console.log($(".content").text())
    });
    </script>
    </head>
    <body>

    <div id="results">
        <div class="ui list">
            <div class="item">
                <div class="content">
                    <a class="header" onclick=" toMaker(event, 967)">Mahachai Holding</a>
                    <div class="description">Lat Phrao, Bangkok, 10230</div>
                </div>
            </div>
        </div>
    </div>

    </body>
    </html>


$（文档）.ready（函数（）{
console.log（$（“.content”）.text（）
});
马哈柴控股公司
曼谷拉普劳，10230
？将使用textContent
而不是innerHTML
？将使用textContent
而不是innerHTML
。我差点忘了“寻找”。它更容易，然后你可以从这个元素访问所有相关的东西，我不确定你需要什么，但是举个例子。text（）会得到你的内部文本，我几乎忘记了“find”。它更容易，然后你可以从这个元素访问所有相关的东西，我不确定你需要什么，但例如.text（）将获得你的内部文本