premiers pas avec jQuery

by ydelmas

HTML

<div><span class="avant">texte</span><button class="valider">valider</button></div>
<div><span class="avant">texte</span><button class="valider">valider</button></div>
<div><span class="avant">texte</span><button class="valider">valider</button></div>
<div><span class="avant">texte</span><button class="valider">valider</button></div>
<div>
    <span class="avant">texte</span>
    <button class="valider">valider</button>
    <button class="test">test</button>
</div>

CSS

div { border: dashed 2px red; }

JavaScript

$('.valider').click(function(){
    $(this).parent().html('patientez...');
});

$('.test').click(function(){
    var d = $(this).parent();
    d.find('.avant').html('patientez...');
    d.find('button').attr('disabled', 'disabled');
});