jQuery: buscar elemento por texto

¿Alguien puede decirme si es posible encontrar un elemento en función de su contenido en lugar de un id o clase ?

Estoy tratando de encontrar elementos que no tengan clases o identificadores distintos. (Entonces necesito encontrar el elemento primario de ese elemento).

Puede usar el :containsselector para obtener elementos en función de su contenido.

Demo aquí

$('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>

En la documentación de jQuery dice:

El texto coincidente puede aparecer directamente dentro del elemento seleccionado, en cualquiera de los descendientes de ese elemento, o en una combinación

Por lo tanto, no basta con usar el :contains() selector , también debe verificar si el texto que busca es el contenido directo del elemento al que se dirige, algo así:

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

Amigos, sé que esto es viejo, pero bueno, tengo esta solución que creo que funciona mejor que todos. En primer lugar, supera la sensibilidad de mayúsculas y minúsculas que jquery: contiene () se envía con:

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

Espero que alguien en el futuro cercano lo encuentre útil.

La respuesta de Rocket no funciona.

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

Simplemente modifiqué su DEMO aquí y puedes ver que el DOM raíz está seleccionado.

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

agregue el selector " : last " en el código para arreglar esto.

La mejor manera en mi opinión.

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

Sí, use el containsselector jQuery .

El siguiente jQuery selecciona los nodos div que contienen texto pero no tienen hijos, que son los nodos hoja del árbol 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>