Comment remplacer un élément de la liste de contenu à l'aide de jQuery?

Je suis en train de faire un bouton qui permettra de remplacer le contenu d'une batterie li. J'ai cherché d'autres réponses ici, mais j'ai cette erreur: Uncaught TypeError: Object li#element2 n'a pas de méthode 'remplaceavec'

J'ai essayé remplaceavec, .html, et .le texte, mais ils ont tous le même, Voici ma page:

<html>
<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
$(document).ready(function(){
$("#theButton").click(function(){
("li#element2").replaceWith("This is the second element")
});
});
</script>

</head>
<body>

<h1 id="header">The document header.</h1>


<p>Value: <input type="text" id="theInput" value="" size=10>


<ul id="theList">
<li id="element1">Element 1
<li id="element2">Element 2
<li id="element3">Element 3
</ul>

<div id="theDiv"></div>

<input type="button" id="theButton" value="click me!""></p>


</body>
</html>
N'oubliez pas de fermer votre <li> balises. 😉

OriginalL'auteur miles | 2013-10-29