首頁猿問如何使用 id 數(shù)組動(dòng)態(tài)更改...

如何使用 id 數(shù)組動(dòng)態(tài)更改 href 屬性？

JavaScript

HUWWW 2023-01-06 15:23:23

我有這些元素，我想通過我有類別的服務(wù)器使用獲取的 id 數(shù)組動(dòng)態(tài)更改 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貢獻(xiàn)1794條經(jīng)驗(yàn) 獲得超8個(gè)贊

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

所以對(duì)于第一個(gè)<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]);

})

反對(duì) 回復(fù) 2023-01-06

藍(lán)山帝景

TA貢獻(xiàn)1843條經(jīng)驗(yàn) 獲得超7個(gè)贊

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

所以對(duì)于第一個(gè)<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]);

})

反對(duì) 回復(fù) 2023-01-06

慕妹3242003

TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超6個(gè)贊

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

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。然后它將元素打印到控制臺(tái)，這樣您就可以看到它們的 id 是如何設(shè)置的。

反對(duì) 回復(fù) 2023-01-06

3 回答
0 關(guān)注
187 瀏覽

關(guān)注

添加回答

舉報(bào)

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

如何使用 id 數(shù)組動(dòng)態(tài)更改 href 屬性？

如何使用 id 數(shù)組動(dòng)態(tài)更改 href 屬性？

3 回答

添加回答

如何使用 id 數(shù)組動(dòng)態(tài)更改 href 屬性？

如何使用 id 數(shù)組動(dòng)態(tài)更改 href 屬性？