Javascript 在Li中插入图像

我有这个html代码

<ul id="discussion">
  <li>my name is aymen <img src="img.jpg"</li>
</ul>
<input type="button" id="send" />
<input type="text" id="message"/>

我叫艾门

还有这个：

<script>

   $('#send').click(function (){
   var mes = $('#message').val().replace('(<3)', '<img src="pics/lol/love.png">');
   $('#discussion').append('<li >' + mes+'</li>');});

</script>

$（“#发送”）。单击（函数（）{
var mes=$（“#message”）.val（）.replace（”（问题是因为在
append（）
调用中出现语法错误。您在
之前关闭了字符串，并且错过了结尾处的
）
。还要注意，HTML中的
img
元素缺少关闭的
。请尝试以下操作：


$（'#发送'）。单击（函数（）{
var mes=$（“#message”）.val（）.replace（”（由于我们不知道上面的答案是正确的，可能您有一些小错误

1-删除html中格式错误的
：

  <li>my name is aymen <img src="img.jpg"</li>  

我的名字叫艾门

它的图像没有关闭标记

2-可能您的脚本块位置不好，所以请将jquery代码放在文档中。就绪块：

document.ready(function(){
   $('#send').click(function() {
   var mes = $('#message').val().replace('(<3)', '<img src="pics/lol/love.png">');
   $('#discussion').append('<li>' + mes + '</li>');
   }); 
}

document.ready（函数（）{
$（“#发送”）。单击（函数（）{
var mes=$（“#message”）.val（）.replace（”（您附加到输入中的任何HTML都将被视为文本。因此，您尝试执行的操作是不可能的。但是，当我编写append（“
”+mes“
”）时，它会起作用）啊，是的-我误解了这个问题。我在下面为您添加了一个答案。在这种情况下，请编辑您的问题，以便尽早5说明您试图实现的输出
document.ready(function(){
   $('#send').click(function() {
   var mes = $('#message').val().replace('(<3)', '<img src="pics/lol/love.png">');
   $('#discussion').append('<li>' + mes + '</li>');
   }); 
}

<input type="text" id="message" value="(<3)" />