jquery-selectors - 访问锚标记的 innerHTML

Question

我无法访问一些需要用作菜单栏标题的 innerHTML：有关详细信息，请参阅附图...

我需要将标题“AMRIS”作为字符串存储到 javascript 变量中。

稍后我将使用以下代码来填充带有我抓取的标题的 Bootstrap 菜单：

echo '<script type="text/javascript">

var subTitle = document.getElementById("mobMenuTitle2");

//This is currently filling the Sub Menu with a title// 
subTitle.innerHTML = "Sub Test"; 

</script>';

右键单击 > 在新选项卡中打开图像以查看完整尺寸

Answer 1

如果您需要打开项目的html，请尝试这样

var openedList = document.getElementsByClassName('opened');
var menuLink = openedList[0].getElementsByClassName('menu-link');
var anchorText = menuLink[0].innerHTML;

相反，如果您想检索列表 X 的 html（X 是基于 0 的数字）

var accordion = document.getElementsByClassName('accordion-menu');
var list = accordion[0].getElementsByTagName('li');
var menuLink = list[X].getElementsByClassName('menu-link');
var anchorText = menuLink[0].innerHTML;

Answer 2

var opn = $(".accordion-menu.opened.menu-link").context.title;

var opnr = opn.replace("MagLab", "");

var subTitle = document.getElementById("mobMenuTitle2")

subTitle.innerHTML = opnr;