使用Javascript，根据开始标记和结束标记之间的文本，获取元素的方法是什么？

Question

我是一个初学者，搜索后找不到答案。

在我的示例中，我正在寻找

<a href="bla" onclick="dah">some text here</a>

我想找到这个特殊的元素，所以我可以做一些事情。

编辑：我唯一确定的关于元素的唯一确定的事情是文本“此处有一些文本”，这就是为什么我想以此为基础查找它。

Answer 1

将id放在元素上：

<a href="bla" onclick="dah" id='myEl'>some text here</a>

从javascript：

var myEl = document.getElementById('myEl') // gives the element

Answer 2

您还可以在jQuery库中使用psuedo选择器：contains。

例子2

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

http://jsfiddle.net/9z5du/

例子2

<script>
    $("div:contains('John')").css("text-decoration", "underline");
</script>

Answer 3

如果您知道该元素是一个链接，则可以首先调用getElementsByTagName ^[docs]来缩小搜索范围：

var elements = document.getElementsByTagName('a');

然后，您必须遍历元素并测试其中一个包含正在寻找的下一个：

var element = null;
for(var i = 0, l = elements.length; i < l; i++) {
    if(elements[i].innerHTML === 'some text here') {
        // found the element
        element = elements[i];
        break;
    } 
}

if(element) {
    // found the element, lets do something awesome with it
}

获取元素内容的方法有多种，另一种选择是使用Node#innerText （IE）或Node#textContent （W3C）。 在比较之前，可能需要先修剪文本。

如果HTML如您的帖子所示，

if(elements[i].firstChild || elements[i].firstChild.nodeValue)

更优雅。

有关DOM的MDN文档可能会有所帮助。

如果可以修改HTML，则添加ID并使用getElementById将是更好的选择。

Answer 4

尝试这个

function getit()
{
  var elems = document.getElementsByTagName('a');

  for(var i=0; i<elems.length; i++)
  {
     var text = elems[i].childNodes[0] != null ? elems[i].childNodes[0].nodeValue : '';

     if(text == "some text here")
       doSomethingWith(elems[i]);
  }
}