javascript - 如何获取字符串的包装器 ID 或类

Question

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

我想通过使用文本值获取 html 页面中特定字符串的 ID 或类，在本例中为 “示例文本”。有办法吗？

Answer 1

使用jQuery，非常简单:

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

严格的 vanilla 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;
}