如何得到一個字符串

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