Comment obtenir l'ID de wrapper ou classe d'une chaîne

Question

<span id="myId" class="myClass">Sample text</span>

Je voudrais obtenir l'ID ou la classe d'une chaîne particulière dans une page HTML en utilisant la valeur de texte, dans ce cas « Exemple de texte ». Y a-t-il un moyen de le faire?

Answer 1

En utilisant jQuery, il est très simple:

var searchText = 'Sample text', 
    $element = $('span:contains(' + searchText ')'), 
    id = $element.attr('id'), 
    className = $element.attr('class'); 

Ce n'est pas concis JS strictement vanille.

var spans = document.getElementsByTagName('span'), 
    element, 
    text, 
    re = /Sample Text/, 
    // IE doesn't support textContent, FF doesn't support innerText 
    prop = document.body.innerText ? 'innerText' : 'textContent'; 

for (var i=0; i<spans.length; i++) 
{ 
    if (re.test(spans[i][prop])) 
    { 
     span = spans[i]; 
     break; 
    } 
} 

var id, className; 
if (span) 
{ 
    id = span.id; 
    className = span.className; 
}