如何得到一个字符串

Question

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

我想通过使用文本值来获得在HTML页面中的特定字符串的ID或类，在这种情况下“示例文本”的包装的ID或类。有没有办法做到这一点？

Answer 1

使用jQuery，这是非常简单的：

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

这不是严格香草JS如此简洁。

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