Вставить символьную сущность в .click () с помощью jQuery

Question

Я хотел бы вставить символьную сущность ✓ (✓) в конце элемента списка после нажатия на ссылку:

<a href="" id="answer1">Click here to answer</a>

<ul>
<li>Answer 1</li>
</ul>

$("#answer1").click(function(){
// Add &#10003; to the end of the list item, such as: "<li>Answer 1 &#10003;</li>"
});

Любая помощь очень ценится!Спасибо!

Answer 1

Вы можете использовать следующий код

$("#answer1").click(function(){
   $(this).html() += $(this).html() + '&#10003'; // just format the Html anyway you want
});

Редактировать

Я неправильно прочитал ваш вопрос.

для вашего UL, т.е. ... что-то вроде

<ul>
   <li>Answer 1</li>
   <li>Answer 2</li>
   <li>Answer 3</li>
</ul>

затем ваш Html, чтобы показать ответы - возможно, сохраните индекс ответов:

<a href="" class="anwers" data-answer="0">Click here to answer</a>

в вашем javascript

$("a.answers").click(function(){
   // get the answer index
   var i = $(this).attr("data-answer");

   var answer = $("ul > li:eq(" + i + ")");
   answer.html( answer.html() + '&#10003' );
 });

Answer 2

Я не знаю, сколько у вас li-элементов, но для этого HTML, как вы показали

$("#answer1").click(function(){
    $('ul li').append('✓');
});