首頁猿問如何使用 id 數組動態更改...

如何使用 id 數組動態更改 href 屬性？

JavaScript

HUWWW 2023-01-06 15:23:23

我有這些元素，我想通過我有類別的服務器使用獲取的 id 數組動態更改 id（例如：）["category 1", "category 2","category 3","category 4","category 5", "category 6"]。我不知道該怎么做似乎沒有任何效果。<li role="presentation" class="active categories"><a href="#all" aria-controls="all" role="tab" data-toggle="tab">ALL</a></li> <li role="presentation" class="categories"><a href="#chicken" aria-controls="chicken" role="tab" data-toggle="tab">CHICKEN</a></li> <li role="presentation" class="categories"><a href="#fish" aria-controls="fish" role="tab" data-toggle="tab">FISH</a></li> <li role="presentation" class="categories"><a href="#turkey" aria-controls="turkey" role="tab" data-toggle="tab">TURKEY</a></li> <li role="presentation" class="categories"><a href="#miscellenous" aria-controls="miscellenous" role="tab" data-toggle="tab">MISCELLANOUS</a></li> <li role="presentation" class="categories"><a href="#frozen" aria-

查看完整描述

3 回答

慕田峪9158850

TA貢獻1794條經驗獲得超8個贊

`所以，根據你的問題，我了解到你想為每個元素提供 id 和獲取的數組中的值。

所以對于第一個<li>元素，id 將是category 1。如果這是您要的，解決方案是獲取所需的元素

<ul>

<li role="presentation" class="categories"><a href="#chicken" aria-controls="chicken" role="tab" data-toggle="tab">CHICKEN</a></li>

<li role="presentation" class="categories"><a href="#turkey" aria-controls="turkey" role="tab" data-toggle="tab">TURKEY</a></li>

<li role="presentation" class="categories"><a href="#miscellenous" aria-controls="miscellenous" role="tab" data-toggle="tab">MISCELLANOUS</a></li>

</ul>

</div>

let fetchedArray = ['cat1','cat2','cat3','cat4','cat5','cat6'];

$('li').each((i,el) => {

$(el).attr('id',fetchedArray[i]);

})

反對回復 2023-01-06

藍山帝景

TA貢獻1843條經驗獲得超7個贊

`所以，根據你的問題，我了解到你想為每個元素提供 id 和獲取的數組中的值。

所以對于第一個<li>元素，id 將是category 1。如果這是您要的，解決方案是獲取所需的元素

<ul>

<li role="presentation" class="categories"><a href="#chicken" aria-controls="chicken" role="tab" data-toggle="tab">CHICKEN</a></li>

<li role="presentation" class="categories"><a href="#turkey" aria-controls="turkey" role="tab" data-toggle="tab">TURKEY</a></li>

<li role="presentation" class="categories"><a href="#miscellenous" aria-controls="miscellenous" role="tab" data-toggle="tab">MISCELLANOUS</a></li>

</ul>

</div>

let fetchedArray = ['cat1','cat2','cat3','cat4','cat5','cat6'];

$('li').each((i,el) => {

$(el).attr('id',fetchedArray[i]);

})

反對回復 2023-01-06

慕妹3242003

TA貢獻1824條經驗獲得超6個贊

如果要更改 id，可以使用 for 循環遍歷元素并更改它們。

const categories = ["category 1", "category 2", "category 3", "category 4", "category 5", "category 6"];

for (var i = 0; i < document.getElementsByTagName("li").length; i++) {

let el = document.getElementsByTagName("li")[i];

el.id = categories[i];

console.log(el);

}

<li role="presentation" class="categories"><a href="#chicken" aria-controls="chicken" role="tab" data-toggle="tab">CHICKEN</a></li>

<li role="presentation" class="categories"><a href="#turkey" aria-controls="turkey" role="tab" data-toggle="tab">TURKEY</a></li>

<li role="presentation" class="categories"><a href="#miscellenous" aria-controls="miscellenous" role="tab" data-toggle="tab">MISCELLANOUS</a></li>

<!--

<a href="#frozen" aria-

-->

上面的代碼遍歷了lis并將 ids 附加到中的元素categories。然后它將元素打印到控制臺，這樣您就可以看到它們的 id 是如何設置的。

反對回復 2023-01-06

3 回答
0 關注
188 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何使用 id 數組動態更改 href 屬性？

如何使用 id 數組動態更改 href 屬性？

3 回答

添加回答

如何使用 id 數組動態更改 href 屬性？

如何使用 id 數組動態更改 href 屬性？