選擇器中的正則表達式JQuery

我在頁面上有一些滑塊。每個滑塊都有uniq id。選擇器中的正則表達式JQuery

<div id="gallery-1"><div> 
<div id="gallery-2"><div> 
........................ 
<div id="gallery-10"><div>

，我有一些功能（JQuery的）

$('#gallery-1').royalSlider({....}) 
$('#gallery-2').royalSlider({....}) 
............................................... 
$('#gallery-1').royalSlider({....})

如果我有在網頁10滑塊，我必須複製粘貼10個fragmets JQuery的代碼（如我上面匹配的）。我想使用正則表達式來處理$('#gallery-[/\d/]')。我可以創建這樣的東西，還是有另一種方式？

來源

2015-09-28 barseon

有插件可以增加這個功能，但這是解決這個問題的錯誤方法。相反，您應該在這些元素上使用普通類，然後您可以使用1個選擇器輕鬆選擇它們。在這一點上，將id屬性從id值分離到它自己的屬性中可能更有意義，因此您不必執行字符串解析來獲取庫的id。即使如此，如果ID始終爲1-n，您不需要將它存儲在元素上，因爲您可以使用它的父級中的元素索引來獲取它的索引。 –

您是否知道ID？如果是的話，爲什麼不簡單地連接在一個循環？ '$（ '＃畫廊 - ' + I）'？或者甚至將所有滑塊ID存儲在數組中並循環遍歷這個數組？ '$（'＃'+ arrayID [i]）'或者像Kevin B所建議的那樣使用普通的類來使用滑塊？ – fpierrat

嘗試使用： -

$('div[id^="gallery-"]')

這將爲所有div搜索與id's與gallery-

來源

2015-09-28 15:22:08 BenG

開始在純jQuery的，您可以使用此：

$('div[id^=gallery-]').royalSlider({...})

即使你應該真的用一些屬性標記這些div。

來源

2015-09-28 15:25:19

選擇器中的正則表達式JQuery

回答

相關問題