[Jquery] - Children e attr

[Kreatore]

Ciao a tutti

Avendo un codice come il seguente:

<div class="elem">
Collegamento


Testo testo testo</p>
</div>

se voglio in qualche modo rendere tutto il div cliccabile uso una funzione simile:

$('.elem').click(function(){
  var link=$(this).children('a').attr('href');
  location.href=link;
});

a livello logico è corretta. Perchè allora non funziona. Ovvero non mi restituisce nella variabile link il contenuto dell'attributo href.

Mentre se faccio:

var link=$(this).children('a').html();

link assume il valore corretto di :

Collegamento

e se faccio:

var link=$(this).find('a').attr('href');

link assume il valore corretto di:

http://indirizzo

qual'è secondo voi il motivo o l'errore in cui incorro?

[Razorblade]

Ciao,
ho capito quello che vuoi fare ma non ho compreso bene tutta la spiegazione, quando penso di aver capito quello che dici la frase successiva mi fa ritornare il dubbio

Comunque, andiamo per gradi, questo codice:

$('.elem').click(function(){
  var link=$(this).find('a').attr('href');
  alert(link)
  location.href=link;
}); 

Cosa ti restituisce l'alert?

[Kreatore]

mi restituisce un alert vuoto!

[Kreatore]

we, nessuno che ha una dritta?

[Razorblade]

Mi diresti cosa ti restituiscono i seguenti alert?

alert($(this));

alert($(this).attr('tagName')); 

[Kreatore]

porca..
ho sbagliato a leggere e quindi a risponderti.

La risposta alla tua prima domanda:

Comunque, andiamo per gradi, questo codice:

$('.elem').click(function(){
  var link=$(this).find('a').attr('href');
  alert(link)
  location.href=link;
}); 

Cosa ti restituisce l'alert?

Mi restituisce il corretto indirizzo del link.

è la funzione

$('.elem').click(function(){
  var link=$(this).children('a').attr('href');
  alert(link)
  location.href=link;
}); 

a restituirmi un alert vuoto.

[Razorblade]

Ma la versione con 'find' non esegue il redirect al'indirizzo specificato?
Prova cosi:

$('.elem').click(function(){
  var link=$(this).find('a').attr('href');
try{
  location.href= link;
}catch(e){
 alert(e);
}
}); 

cosa restituisce l'alert?

[Kreatore]

probabilmente non mi sono spiegato bene.

La versione con find funziona. Mi rimanda all'indirizzo specificato.

Quello che non capisco è perchè la versione con children non lo faccia?

[Razorblade]

Scusa, non avevo capito.
Prova ad attribuire una classe al tag a, per esempio 'miaClasse'

$('.elem').click(function(){
  var link=$(this).children('.miaClasse').attr('href');
  alert(link)
  location.href=link;
}); 

Funziona?

[Xinod]

se l' xhtml dell' esempio con children che hai postato all' inizio e' esattamente cosi', mi risulta corretto