在使用 jQuery 的過程中,我們經常需要對某些元素進行操作。為了方便和快速地找到這些元素,我們需要對它們進行標識。而其中對于單個元素的標識,一般是通過 id 屬性來實現的。
<div id="box1"> ... </div>
但是,有些時候我們需要對一組或多組具有相同 id 的元素進行操作,這個時候單個 id 已經無法滿足我們的需求了。這個時候,我們可以使用 jQuery 的each()
方法,進行 id 循環。
<div class="box"> <div id="item1"></div> <div id="item2"></div> <div id="item3"></div> </div>
上面的代碼中,我們將三個元素的 id 都設置為了相同的“item”,接下來我們可以使用each()
方法來對它們進行操作。
$("div.box div[id^='item']").each(function(){ // 操作代碼 });
上面的代碼使用了一個特殊的選擇器 “^=”,它表示屬性值以特定值開頭。可以匹配類似于 item1、item2、item3 這樣的多個元素。
接下來,我們在each()
方法中添加想要執行的操作代碼,這個代碼塊將會針對每個 id 以“item”開頭的元素進行循環執行。例如,下面的代碼會將每個匹配的元素的背景顏色設置為紅色。
$("div.box div[id^='item']").each(function(){ $(this).css("background-color", "red"); });
最后,我們需要注意的是,在實際開發中,為多個元素添加相同的 id 是一種不規范的做法,可能會對代碼維護和可讀性帶來一定的困難。