国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - js 怎么僅獲取父元素的值而不要連子元素的值同時(shí)獲???
黃舟
黃舟 2017-06-26 10:50:49
0
10
902
<p class="mui-media-body js-media-body js-anviz-body">Trouble Ticket
    <p class="anviz-ellipsis js-des">You can sumbit your trouble and …</p>
</p>

僅要獲取 Trouble Ticket 怎么寫(xiě)?謝謝

黃舟
黃舟

人生最曼妙的風(fēng)景,竟是內(nèi)心的淡定與從容!

全部回復(fù)(10)
某草草

最好還是加上個(gè)標(biāo)簽給包住,方便獲取

洪濤

雷雷

好的!

習(xí)慣沉默

先clone 元素,然后移除子元素,最后獲取的是不包含子元素的文本

jQuery('.js-anviz-body').clone().children().remove().end().text()
我想大聲告訴你

這個(gè)問(wèn)題之前我也回答過(guò)類(lèi)似的,這個(gè)文本在遍歷nodeChild的時(shí)候,是Text()的實(shí)例,可以參見(jiàn)我之前回答的問(wèn)題:/q/10...

過(guò)去多啦不再A夢(mèng)

加個(gè)span包住比較合理

大家講道理

雷雷

曾經(jīng)蠟筆沒(méi)有小新

題主的問(wèn)題理解起來(lái)應(yīng)該是想獲取屬于父元素但不屬于子元素的所有文本吧

  • 假設(shè)知道文本位置,那就簡(jiǎn)單些,如果文本在一開(kāi)始:

//pp = """<p class="mui-media-body js-media-body js-anviz-body">Trouble Ticket
    <p class="anviz-ellipsis js-des">You can sumbit your trouble and …</p>
</p>"""
var childNodes = pp.childNodes;
var text = childNodes[0]; // Trouble Ticket
  • 如果文本位置不確定,甚至有多個(gè)的時(shí)候,這個(gè)時(shí)候就要遍歷父元素的兒子元素,尋找所有節(jié)點(diǎn)屬性為文本的元素:

//pp = """<p class="mui-media-body js-media-body js-anviz-body">
    Trouble Ticket
    <p class="anviz-ellipsis js-des">You can sumbit your trouble and …</p>
    Trouble Ticket2
</p>"""
var childNodes = pp.childNodes;
var textNodes = [];
childNodes.forEach(function(node){
    if (node.nodeType === 3) {
        textNodes.push(node);
    } // 3 為 文本
});
//textNodes === ['Trouble Ticket', 'Trouble Ticket2']
ringa_lee

上面clone的方法好一點(diǎn),萬(wàn)一p標(biāo)簽后面還有文本呢?
用firstChild只取到了第一個(gè)文本節(jié)點(diǎn),還要遍歷才能取到后面的文本節(jié)點(diǎn)。

大家講道理
var content = $('.anviz-ellipsis').parent().html().replace(/<[\s\S]*>/g, '');
    console.log(content);
打印結(jié)果:
// Trouble Ticket

html代碼:

    <p class="mui-media-body js-media-body js-anviz-body">Trouble Ticket 
        <p class="anviz-ellipsis js-des">
            You can sumbit your trouble and …
            <!-- 混淆代碼1 start-->
            <p>sdkfjfjfdlkfjsld</p>
                <a href="">3w33333</a>
            <!-- 混淆代碼1 end-->
        </p>
             <!-- 混淆代碼2 start-->
            <img src="" alt="">
            <a href="">sdfsjflsjdflskdjf</a>
            <p>
            </p>
             <!-- 混淆代碼2 end-->
    </p>

js代碼:


    <script>
        var content = $('.anviz-ellipsis').parent().html().replace(/<[\s\S]*>/g, '');
        console.log(content);
    </script>
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板