jquery selezione id dinamici di diversi div

[flessciato]

HTML:

 
<div class="content">
	<div id="imgs_1">
		[img]img_1.jpg[/img]
                [img]img_2.jpg[/img]
                [img]img_3.jpg[/img]
	</div>
</div>
     
<div class="content">
	<div id="imgs_2">
		[img]img_4.jpg[/img]
                [img]img_5.jpg[/img]
                [img]img_6.jpg[/img]
	</div>
</div>

   
JS:

$(function()
			{	
			
				imgs_1 = $("#imgs_1");
				imgs_1.swipe( swipeOptions );

			});

come si modifica la funzione facendo in modo che imgs_1 possa avere qualsiasi valore, cioè diventare dinamico, (tipo id="imgs_1", id="imgs_2", id="imgs_3" ecc.), usando jquery

come posso fare?

[m4rko80]

Ciao, dovrebbe bastare questo:
imgs = $("[id^='msg']"); e cioe' con id che inizia per msg....
http://api.jquery.com/attribute-starts-with-selector/

[flessciato]

Ciao Mirko, grazie per la risposta. Forse mi sono espresso male io.

Provo a spiegarmi meglio:

ho un ciclo php che mi spara fuori dei div <div class="content"></div>

dentro ad ogni content viene estratto questo

		[img]img_1.jpg[/img]
                [img]img_2.jpg[/img]
                [img]img_3.jpg[/img]

con questo risultato

<div class="content">
<div id="imgs_1">
		[img]img_1.jpg[/img]
                [img]img_2.jpg[/img]
                [img]img_3.jpg[/img]
</div>
</div>

ora la mia funzione JS fa scorrere le immagini in modo corretto, però se carico un blocco diverso con id imgs_2 ovviamente non funziona.

Facendo come scrivi tu però la mia funzione viene eseguita su tutti gli slider e non solo su quello su cui eseguo lo swipe. Scrivendo come scrivi tu vengono eseguiti tutto gli id che cominciano con imgs.

Io invece vorrei che fosse eseguito lo swipe solamente sul box in cui effetto il trascinamento, solo che l'id non è noto a priori perchè caricato dinamicamente. Spero di essermi spiegato meglio. Hai qualche suggerimento? Grazie per l'attenzione.

[flessciato]

praticamente dovrei passare il valore dell'id alla funzione se e solo se viene eseguito lo swipe in quel box, e la funzione quindi viene eseguita solo sul box che ha appunto quell'id

[cavicchiandrea]

Scusa ma perché con php non generi anche la funzione o script js allo stesso modo di come generi html (div e immagini)?

[flessciato]

perchè non ha senso stampare migliaia di volte la stessa funzione. basta centralizzarla e passargli il parametro... o forse non ho capito cosa intendi.

Se intendi che posso ciclare anche gli id e sostituirli nella funzione ti dico già di no perchè non è un metodo leggero ed elegante (anche se pratico).

[cavicchiandrea]

In tal caso penso (anche se fatico a seguire la tua logica) che gli id dovrai passarli in linea <div id="imgs_1" onmouseover="TuaFunzioneSlide(this.id)"> il concetto o lo lo dichiari lato server id da eseguire o lo passi alla funzione non mi risultano altre soluzioni (ma non si finisce mai d'imparare)

[flessciato]

Grazie Andrea

provo questo e ti dico

<div id="imgs_1" onmouseover="TuaFunzioneSlide(this.id)">

una cosa però... l'evento è swipe e non onmouseover... cambia?

[cavicchiandrea]

Direi proprio di si, visto che non è un evento.
Tu qui:

$(function()
			{	
			
				imgs_1 = $("#imgs_1");
				imgs_1.swipe( swipeOptions );

			});

stai associando uno script (swipe) ad un oggetto id al caricamento del documento, pertanto o tramite php (come fai con html) gli dici quanti id da associare ci sono oppure con un each conti quanti id con radice imgs_ hai nel documento ed esegui l'associazione.

[flessciato]

facendo così

$(function() {
        		$("[id^='imgs_']").click(function(){
            	var recupero_id = $(this).attr("id");  							
					imgs = $(recupero_id);
					imgs.swipe( swipeOptions );
				alert(recupero_id);
				});
			});

mi sono recuperato gli id di ogni box su cui faccio click... adesso il problema è in questo punto

imgs = $(recupero_id);
imgs.swipe( swipeOptions );

lo swipe non va