javascript - 父类的唯一标识元素

Question

假设我想用某个元素的 inner.html 填充一个警告框。但是该元素没有 ID，我无法给它 ID，因为我编写的是插件而不是页面。

我知道该元素是唯一的子元素，它是:

• 属于“icon25 icon_next_arrow”类
• 具有 id="co_documentFooterResultsNavigation"的元素的多个子元素中的一个
• 唯一同时满足前两个条件的元素

我将如何去做相当于:

var x = document.getElementById("correctElement").innerHTML;
alert(x);

Answer 1

这样对吗？

var x = document.querySelector(
  '#co_documentFooterResultsNavigation icon25.icon_next_arrow'
);
alert( x );

使用 querySelector 而不是 getElementById。

对第一个元素使用点击处理程序:

var x = document.querySelector(
  '#co_documentFooterResultsNavigation icon25.icon_next_arrow'
);
x.onclick = function() {
  alert( x.innerText );
}

使用 jQuery 模拟点击非常简单:

$( x ).trigger( 'click' );