Replace List Item in jQuery

Remplacer un élément de liste en utilisant jQuery

by Rynne Cowham

HTML

<ul id="liste">
    <li>Paris</li>
    <li>Marseille</li>
    <li>Lyon</li>
    <li>Strasbourg</li>
    <li>Bordeaux</li>
    <li>Toulouse</li>
</ul>
<input type="button" id="remplacer" value="Me Remplacer" />
<input id="villenouvelle" type="text" />
<br />
<br />
<div id="error"></div>

CSS

#error { color:#f00; background-color:#ff6; }

JavaScript

$(document).ready(function () {
    $('#remplacer').click(function(){
        if($('#villenouvelle').val() == ""){
            $('#error').text("S\'il vous plaît fournir le nom de la ville.");
        } else {
        var ville = $('#villenouvelle').val();
        $('ul#liste li:first-child').text(ville).val(ville);
        }
    });
});