jquery trovare più vicino fratello precedente che non ha classe

stumped a cercare di ottenere l'elemento precedente più vicino alla classe di 'slide' che non contiene 'sottosezione' classe utilizzando jQueryjquery trovare più vicino fratello precedente che non ha classe

HTML di esempio:

<section id="p1" class="slide"></section> 
<section id="p2" class="slide"></section> 
<section id="p3" class="slide"></section> <!--I AM TRYING TO GET THIS ELEM --> 
<section id="p31" class="slide subsection"></section> 
<section id="p32" class="slide subsection"></section> <!--I AM HERE --> 
<section id="p4" class="slide"></section>

ho provato: (dove $ sottosezione è l'elemento sopra indicato)

var $slide = $subsection.prev('.slide').not('.subsection'); 
var $slide = $subsection.prev('.slide:not(".subsection")'); 
var $slide = $subsection.prev('.slide').not("[class='subsection']"); 
var $slide = $subsection.prev('.slide:not([class="subsection"])');

Ora ho scoperto che prev() seleziona solo una singola elem precedente e poi si ferma, ma PREVU ntil non funziona neanche?

var $slide = $subsection.prevUntil('.slide').not('.subsection');

Ho anche provato:

var $slide = $subsection.prevAll('.slide').not('.subsection');

ma questo mi ottiene il primo elemento scorrevole con ID p1.

Se qualcuno ha qualche suggerimento lo apprezzerei ... Qualcuno può impedirmi di andare a cray cray? 8- |

fonte

2013-11-01 Natacha Beaugeais

Se avete bisogno di fare questo, forse si dovrebbe chiedere se la vostra classe CSS/La struttura dell'elemento HTML dovrebbe essere più semplice e più facilmente navigabile? –

Ho pensato che dovrebbe essere abbastanza semplice ... la diapositiva "più vicina" che non ha sottosezione di classe. Non sarebbe difficile adattarsi a una struttura nidificata, ma l'aggiunta di sottosezioni utilizzando questa struttura consente al CSS di funzionare senza modifiche aggiuntive. –

... ed è stato molto semplice alla fine, grazie a @Hiral che ha sottolineato la risposta. –

Prova questo:

var a = $("#p32").prevAll(".slide").not(".subsection").first(); 
alert($(a).text());

Fiddle here.

fonte

2013-11-01 08:54:12 Hiral

CHE LO ERA !! prevAll attraversa nell'ordine inverso e, raccogliendo più elementi, prima() ha afferrato il primo che ha trovato in quell'ordine inverso. Grazie mille. –

@NatachaBeaugeais siete i benvenuti :) – Hiral

Si può provare questo

$('.subsection').prev('.slide:not(".subsection")');

An Example here.

fonte

2013-11-01 08:39:56

Questo fallito nei miei test, poiché .prev seleziona solo il 1 ° elemento precedente e non posso presumere che $ ('. Sottosezione') otterrà l'elemento richiesto poiché potrebbero esserci molti elementi di sottosezione nell'esempio reale (sotto p2 e p4 ecc.) quindi potrebbe non necessariamente ottenere l'elemento di sottosezione corretto ... nota in precedenza $ sottosezione = $ ('# p32') - Non sono sicuro se questo fosse chiaro nel mio esempio. –

jquery trovare più vicino fratello precedente che non ha classe

risposta

Problemi correlati