Trova tutti gli elementi basati su ids utilizzando espressioni regolari sul selettore jQuery

Question

c'ho diversi elementi con ID univoci in questo modo:

<div id='item-1-top'></div> 
<div id='item-2-top'></div> 
<div id='item-3-top'></div> 

Speravo che il seguente avrebbe funzionato utilizzando jQuery:

$("#item-[.]+-top").each(function() { 
    $(this).hide(); 
}); 

Non ho una buona padronanza delle espressioni regolari e gradirei qualche input, in quanto sembra non corretto.

Answer 1

Se stavi facendo questo con regex, l'espressione sarebbe semplicemente:

item-\d-top 

Qualora la \d indica ogni singola cifra (0..9), e gli altri personaggi non hanno alcun significato speciale (quindi sono trattati come letterali).

Tuttavia, jQuery al momento non ha un filtro regex (solo cose come start/end/contiene/etc) - quindi dovresti crearne uno tuo (che è possibile, ma se stavi considerando che dovresti fermati e considera cosa/perché stai filtrando e scopri se c'è un modo migliore per prima cosa).

Molto più semplice sarebbe creare una classe (come serg555 suggerisce), poiché è esattamente come si trattano questi elementi.

o (se non è possibile cambiare la marcatura per aggiungere la classe) e quindi i filtri esistenti, ampliando g.d.d.c's answer, potrei fare:

$('div[id^=item-][id$=-top]').hide() 

(Dal momento che si può avere più elementi per finire con solo 'top', né ora né in futuro, quindi è necessario essere più specifici per evitare involontariamente nascondere altre cose.)

Answer 2

Assegnerei loro qualche classe come item e quindi fare una ricerca con questa classe $(".item").

Answer 3

se l'ID è stato qualcosa di simile news-top-1, news-top-2, news-top-3, news-top-4 ecc quindi i selettori avrebbero aiutato tu.

http://api.jquery.com/attribute-starts-with-selector/

$.each($("input[name^='news-top-']"), function() { 
    alert($(this).hide()); 
}); 

Answer 4

James Padolsey creato un meraviglioso filter che permette regex da utilizzare per la selezione.

jQuery.expr[':'].regex = function(elem, index, match) { 
    var matchParams = match[3].split(','), 
     validLabels = /^(data|css):/, 
     attr = { 
      method: matchParams[0].match(validLabels) ? 
         matchParams[0].split(':')[0] : 'attr', 
      property: matchParams.shift().replace(validLabels,'') 
     }, 
     regexFlags = 'ig', 
     regex = new RegExp(matchParams.join('').replace(/^s+|s+$/g,''), regexFlags); 
    return regex.test(jQuery(elem)[attr.method](attr.property)); 
} 

Ora è possibile utilizzare

$('div:regex(id,item-[0-9]-top)').hide() 

Answer 5

colpito un problema simile e c'è piaciuto/risposta di serg upvoted di creazione di classe, invece, ma poi perché stavo facendo più operazioni su tali elementi, Keyed Collections erano più adatto.