我需要 select 一個 ul 元素

Question

我在所有產品頁面上都添加了“查找在線庫存商”按鈕。 如果您單擊它，它會將您帶到另一個頁面。 我需要在頁面中將過濾器設置為“在線商店”。 完成后看起來像這樣：

我正在嘗試 select 這個盒子，這樣我就可以添加一個

給它。 （它與上一個屏幕截圖中的框相同，但其中還沒有任何過濾器。）

請注意我無法更改過濾器框 - 它是第 3 方代碼。

當我檢查沒有過濾器的頁面時，它看起來像這樣：

如果我用過濾器檢查它，它看起來像這樣：

我只需要添加一個新的 <li> 到 'chosen-choices' 但我不能 select 它。

我可以 select store-filter-sec div：

 var storefiltersec = $(".store-filter-sec");

如果我在控制台中查看它，它會顯示正確的孩子：

但我不能 select 項目 2 - div.chosen-container.chosen-container-multi。

 var chosenContainer = storefiltersec.find(".chosen-container"); var chosenContainer1 = storefiltersec.find(".chosen-container.chosen-container-multi"); var chosenContainer2 = storefiltersec.find("div.chosen-container.chosen-container-multi"); var chosenContainer3 = $(".chosen-container"); var chosenContainer4 = $(".chosen-container.chosen-container-multi"); var chosenContainer5 = $("div.chosen-container.chosen-container-multi"); var chosenContainer6 = $(".chosen-container.chosen-container-multi");

 The plan is that once I can get hold of div.chosen-container.chosen-container-multi, I can then get to ul.chosen-choices (one of its children):

我試圖通過標簽獲得選擇。

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

'chosen-choices' 出現在控制台中：

但我只能指定那個。 我試過這個：

 console.log('specific element', elements[12]);

並得到：

請告訴我如何在 javascript 或 jquery 中選擇 select ul.chosen-choices。

Answer 1

在 javascript 到 select.store-filter-sec 並將其放入變量中：

const el_filtersec = document.querySelector('.store-filter-sec');

現在從這個選定的元素你 select.chosen-container

const chosen-container = document.querySelector('.chosen-container');

順便你可以select直接選擇容器

現在的問題是你有幾個，所以：

Array.from(document.querySelectorAll('.chosen-container')).forEach(el => {
   // do what you have to do...
}

如果您仍然想要 store-filter-sec 並為每個發現選擇容器：

Array.from(document.querySelectorAll('.store-filter-sec')).forEach(el1 => {
   Array.from(el1.querySelectorAll('.chosen-container')).forEach(el2 => {
   // do what you have to do...
   }
}