cari

Rumah  >  Soal Jawab  >  teks badan

javascript - js Bagaimana untuk mendapatkan hanya nilai elemen induk dan bukannya nilai elemen anak pada masa yang sama?

<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>

Bagaimana cara menulis hanya untuk mendapatkan Tiket Masalah? Terima kasih

黄舟黄舟2714 hari yang lalu801

membalas semua(10)saya akan balas

  • 某草草

    某草草2017-06-26 10:52:49

    Sebaik-baiknya tambahkan label untuk membungkusnya untuk akses mudah

    balas
    0
  • PHP中文网

    PHP中文网2017-06-26 10:52:49

    var val = jQuery(this).find('.js-anviz-body')[0].firstChild.data;

    OK！

    balas
    0
  • 習慣沉默

    習慣沉默2017-06-26 10:52:49

    Mula-mula klon elemen, kemudian alih keluar elemen kanak-kanak, dan akhirnya dapatkan teks tanpa elemen kanak-kanak

    jQuery('.js-anviz-body').clone().children().remove().end().text()

    balas
    0
  • 女神的闺蜜爱上我

    女神的闺蜜爱上我2017-06-26 10:52:49

    document.querySelector('.mui-media-body').firstChild.nodeValue

    balas
    0
  • 我想大声告诉你

    我想大声告诉你2017-06-26 10:52:49

    Saya telah menjawab soalan yang sama sebelum ini Semasa melintasi nodeChild, teks ini adalah contoh Text() Anda boleh merujuk kepada soalan yang saya jawab sebelum ini: /q/10...

    balas
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-06-26 10:52:49

    Lebih munasabah untuk menambah span untuk menutupnya

    balas
    0
  • 大家讲道理

    大家讲道理2017-06-26 10:52:49

    <html>
    <head>
        <title></title>
        <style type="text/css">
            .parent{
                width:100px;
                height:100px;
            }
            .child{
                width:100px;
                height:50px;
            }
        </style>
    </head>
    <body>
        <p class="parent">
            hello world,
            <p class="child">welcome!</p>
        </p>
        <script>
            var text = document.querySelector('.parent').firstChild.nodeValue;
            console.log(text);
        </script>
    </body>
</html>

    balas
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-06-26 10:52:49

    Untuk memahami soalan, anda mungkin ingin mendapatkan semua teks yang dimiliki oleh elemen induk tetapi bukan elemen anak

    • Andaikan anda tahu kedudukan teks, ia lebih mudah, jika teks berada di permulaan: 

    //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

    • Jika kedudukan teks tidak pasti, atau terdapat berbilang, maka adalah perlu untuk melintasi elemen anak elemen induk dan mencari semua elemen yang atribut nodnya ialah teks: 

    //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']

    balas
    0
  • ringa_lee

    ringa_lee2017-06-26 10:52:49

    Kaedah klon di atas adalah lebih baik Bagaimana jika ada teks di sebalik tag p?
    Menggunakan firstChild hanya mendapat nod teks pertama, dan ia perlu dilalui untuk mendapatkan nod teks berikutnya.

    balas
    0
  • 大家讲道理

    大家讲道理2017-06-26 10:52:49

    var content = $('.anviz-ellipsis').parent().html().replace(/<[\s\S]*>/g, '');
    console.log(content);
打印结果：
// Trouble Ticket

    kod 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 kod: 

    
    <script>
        var content = $('.anviz-ellipsis').parent().html().replace(/<[\s\S]*>/g, '');
        console.log(content);
    </script>

    balas
    0
  • Batalbalas