简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - js Bagaimana untuk mendapatkan hanya nilai elemen induk dan bukannya nilai elemen anak pada masa yang sama?
黄舟
黄舟 2017-06-26 10:50:49
0
10
771
<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

黄舟
黄舟

人生最曼妙的风景，竟是内心的淡定与从容！

membalas semua(10)
某草草
某草草2017-06-26 10:52:49 Tingkat 10

Sebaik-baiknya tambahkan label untuk membungkusnya untuk akses mudah

Suka +0
Tambah Balasan
洪涛
洪涛2017-06-26 10:52:49 Tingkat 9 
var val = jQuery(this).find('.js-anviz-body')[0].firstChild.data;

OK！

Suka +0
Tambah Balasan
習慣沉默
習慣沉默2017-06-26 10:52:49 Tingkat 8

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()
Suka +0
Tambah Balasan
女神的闺蜜爱上我
女神的闺蜜爱上我2017-06-26 10:52:49 Tingkat 7 
document.querySelector('.mui-media-body').firstChild.nodeValue
Suka +0
Tambah Balasan
我想大声告诉你
我想大声告诉你2017-06-26 10:52:49 Tingkat 6

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

Suka +0
Tambah Balasan
过去多啦不再A梦
过去多啦不再A梦2017-06-26 10:52:49 Tingkat 5

Lebih munasabah untuk menambah span untuk menutupnya

Suka +0
Tambah Balasan
大家讲道理
大家讲道理2017-06-26 10:52:49 Tingkat 4 
<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>

Suka +0
Tambah Balasan
曾经蜡笔没有小新
曾经蜡笔没有小新2017-06-26 10:52:49 Tingkat 3

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']
Suka +0
Tambah Balasan
ringa_lee
ringa_lee2017-06-26 10:52:49 Tingkat 2

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.

Suka +0
Tambah Balasan
大家讲道理
大家讲道理2017-06-26 10:52:49 Tingkat 1 
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>
Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！