set entrée val() à prev(). Text()

Question

<div class="parent"> 
    <span>nameValue</span> <input type="text" value=""/> 
    <span>addressValue</span> <input type="text" value=""/> 
    <span>phoneValue</span> <input type="text" value=""/> 
    <span>emailValue</span> <input type="text" value=""/> 

    <div class="edit">Edit</div> 
</div> 

$(document).ready(function(){ 
    $('.edit').click(function(e){ 
     $(this).parent().find('input').val(v); // something like var v = $(this).prev().text() ????? 
    }); 
}); 

J'essaie de définir la valeur de toutes les entrées au texte de leur élément prev correspondant. Mais comment puis-je accéder à son élément prev? Il n'y a pas de id pour les éléments d'entrée.

Answer 1

$(this).closest(".parent").find("input").val(function() { 
    return $(this).prev().text(); 
}); 

Vous pourriez aussi bien utiliser une boucle .each et utilisez val() sur chacun d'eux, mais la fonction de rappel est la méthode plus propre.

Answer 2

Je ne l'ai pas testé car je suis sur le point d'aller au lit, mais cela devrait faire l'affaire pour vous.

$(this).parent().find("input").each(function(){ 
    $(this).val($(this).prev().html()); 
}); 

Answer 3

$('.edit').click(function(e){ 
    $inputs = $(this).parent().find('input'); 
    $inputs.each(function(){ 
     var v = $(this).prev("span").text(); 
     $(this).val(v);     
    }); 
});​ 

Voir this fiddle.

Answer 4

$(document).ready(function(){ 
$('.edit').click(function(e){  
    var parent = $(this).parent(); 
    parent.children('span').each(function(){ 
      $(this).next().val($(this).text()); 
    }); 
}); 

});

Est-ce vrai?

Answer 5

$('.edit').click(function(e){ 
    $(this).closest(".parent").find("input[type='text']").each(function(){ 
     $(this).val($(this).prev().text()); 
    }); 
});​