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

opend アイテムの 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;