唯一标识父类的元素

Question

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

我知道元素是唯一的子元素：

• 班级＆＃34; icon25 icon_next_arrow＆＃34;
• 具有id =＆＃34的元素的几个子元素中的一个; co_documentFooterResultsNavigation＆＃34;
• 唯一符合前两个标准的元素

我将如何做相当于：

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

Answer 1

这是对的吗？

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

使用querySelector而不是getElementById。

对第一个元素使用click handler：

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

使用jQuery模拟点击这么简单：

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

Answer 2

您可以使用jQuery .children（）：https://api.jquery.com/children/

$(document).ready(function() {
    var x = $( ".icon25.icon_next_arrow" ).children();
    $( x ).css( "color", "blue" );
});

这是一个小提琴：https://jsfiddle.net/m5gLrqq4/