如果我有以下內(nèi)容：<div class="apple-monkey"></div><div class="apple-horse"></div><div class="cow-apple-brick"></div>我可以使用以下選擇器找到前兩個(gè)DIV：$("div[class^='apple-']")但是，如果我有這個(gè)：<div class="some-other-class apple-monkey"></div><div class="apple-horse"></div><div class="cow-apple-brick"></div>它只會(huì)找到第二個(gè)DIV，因?yàn)榈谝粋€(gè)div的類是作為字符串返回的（我認(rèn)為），并且實(shí)際上不是以“ apple-”開頭，而是以“ some-”開頭解決該問題的一種方法是不使用開頭為，而是包含：$("div[class*='apple-']")問題在于它還會(huì)在我的示例中選擇第三個(gè)DIV。問題：通過jQuery，對(duì)單個(gè)類名而不是整個(gè)類屬性作為字符串使用謂詞選擇器的正確方法是什么？只是獲取CLASS，然后將其拆分為一個(gè)數(shù)組，然后使用正則表達(dá)式遍歷每個(gè)單獨(dú)的問題？還是有一個(gè)更優(yōu)雅/更少冗長(zhǎng)的解決方案？
3 回答
明月笑刀無(wú)情
TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超4個(gè)贊
盡管這里的最佳答案是針對(duì)問詢者的特殊情況的解決方法，但如果您正在尋找一種針對(duì)各個(gè)類名實(shí)際使用“開頭為”的解決方案，請(qǐng)執(zhí)行以下操作：
您可以使用此自定義jQuery選擇器，我將其稱為:acp()“ A Class Prefix”。代碼在這篇文章的底部。
var test = $('div:acp("starting_text")');
這將選擇<div>具有至少一個(gè)以給定字符串（在此示例中為“ starting_text”）開頭的類名的所有元素，而不管該類是在類屬性字符串的開頭還是其他位置。
<div id="1" class="apple orange lemon" />
<div id="2" class="orange applelemon banana" />
<div id="3" class="orange lemon apple" />
<div id="4" class="lemon orangeapple" />
<div id="5" class="lemon orange" />
var startsWithapp = $('div:acp("app")');
這將返回元素1、2和3，但不返回 4或5。
這是:acp自定義選擇器的聲明，您可以將其放置在任何地方：
$(function(){
$.expr[":"].acp = function(elem, index, m){
var regString = '\\b' + m[3];
var reg = new RegExp(regString, "g");
return elem.className.match(reg);
}
});
我這樣做是因?yàn)槲覍?duì)沒有后端控制的網(wǎng)站進(jìn)行了很多GreaseMonkey黑客操作，因此我經(jīng)常需要查找具有動(dòng)態(tài)后綴的類名的元素。這非常有用。
- 3 回答
- 0 關(guān)注
- 614 瀏覽
添加回答
舉報(bào)
0/150
提交
取消