jQuery: temukan elemen dengan teks

Adakah yang bisa memberi tahu saya jika mungkin untuk menemukan elemen berdasarkan kontennya daripada oleh id atau kelas ?

Saya mencoba menemukan elemen yang tidak memiliki kelas atau id berbeda. (Maka saya kemudian perlu menemukan orang tua elemen itu.)

Anda dapat menggunakan :containspemilih untuk mendapatkan elemen berdasarkan konten mereka.

Demo di sini

$('div:contains("test")').css('background-color', 'red');

<div>This is a test</div>
<div>Another Div</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Dalam dokumentasi jQuery dikatakan:

Teks yang cocok dapat muncul langsung di dalam elemen yang dipilih, di salah satu keturunan elemen itu, atau kombinasi

Oleh karena itu tidak cukup menggunakan :contains() pemilih , Anda juga perlu memeriksa apakah teks yang Anda cari adalah konten langsung dari elemen yang Anda targetkan, sesuatu seperti itu:

function findElementByText(text) {
    var jSpot = $("b:contains(" + text + ")")
                .filter(function() { return $(this).children().length === 0;})
                .parent();  // because you asked the parent of that element

    return jSpot;
}

Kawan, saya tahu ini sudah tua tapi hei saya sudah solusi ini yang saya pikir bekerja lebih baik dari semua. Pertama dan terpenting mengatasi Sensitivitas Kasus yang jquery: berisi () dikirimkan bersama:

var text = "text";

var search = $( "ul li label" ).filter( function ()
{
    return $( this ).text().toLowerCase().indexOf( text.toLowerCase() ) >= 0;
}).first(); // Returns the first element that matches the text. You can return the last one with .last()

Berharap seseorang dalam waktu dekat merasa terbantu.

Jawaban Rocket tidak berhasil.

<div>hhhhhh
<div>This is a test</div>
<div>Another Div</div>
</div>

Saya cukup memodifikasi DEMO- nya di sini dan Anda dapat melihat root DOM dipilih.

$('div:contains("test"):last').css('background-color', 'red');

tambahkan pemilih " : last " dalam kode untuk memperbaikinya.

Cara terbaik menurut saya.

$.fn.findByContentText = function (text) {
    return $(this).contents().filter(function () {
        return $(this).text().trim() == text.trim();
    });
};

Ya, gunakan containspemilih jQuery .

JQuery berikut memilih node div yang berisi teks tetapi tidak memiliki anak, yang merupakan node daun dari pohon DOM.

$('div:contains("test"):not(:has(*))').css('background-color', 'red');

<div>div1
<div>This is a test, nested in div1</div>
<div>Nested in div1<div>
</div>
<div>div2 test
<div>This is another test, nested in div2</div>
<div>Nested in div2</div>
</div>
<div>
div3
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>