Comment utiliser JQuery pour cela? (Boucle à travers les classes)

Question

Supposons que mon code est comme ceci:

<td class="apple"> 
<div class="worm"> 
text1 
</div> 
</td> 

<td class="apple"> 
<div class="worm"> 
text2 
</div> 
</td> 

<td class="apple"> 
<div class="worm"> 
text3 
</div> 
</td> 

Comment puis-je boucle à travers tout avec « classe td pomme », puis saisir le texte de la div à l'intérieur avec id « ver », puis définissez chacun des .attr() comme ce texte?

Résultat:

<td class="apple" title="text1"> 
<div class="worm"> 
text1 
</div> 
</td> 

<td class="apple" title="text2" > 
<div class="worm"> 
text2 
</div> 
</td> 

<td class="apple" title="text3"> 
<div class="worm"> 
text3 
</div> 
</td> 

Merci

Answer 1

$('td.apple').each(function() { 
    $(this).attr('title', $('div.worm', this).text()); 
}); 

Ou cette version plus courte (prise en charge à partir de jQuery 1.4):

$('td.apple').attr('title', function() { 
    return $('div.worm', this).text(); 
});​ 

Answer 2

Cela devrait faire l'affaire.

//We will iterate through each td which has class of apple. 
$('td.apple').each(
    function() 
    { 
     //'this' in the function refers to the current td. 
     //we will try to find a div with class 'worm' inside this td. 
     var title = $(this).find('div.worm').text(); 
     $(this).attr('title', title); 
    } 
); 

Answer 3

Je suppose que vous voulez dire td class="apple"

$("td.apple").each(function(){ 
    this.title=$(this).find("div").text(); 
}); 

Si vous me utiliser pour faire vos devoirs de l'école, je vais vous enfermer dans une cabine téléphonique pleine d'abeilles.

Answer 4

Pour ajouter aux bonnes réponses, je recommanderais d'utiliser des enfants plutôt que de trouver. Les enfants ne sont pas récursifs, un peu d'optimisation aide. Sauf si vous avez besoin d'une récursivité via les TD.

$("td.apple").each(function() { 
    $(this).attr('title', $(this).children("div.worm").text()); 
});