jquery - 如何添加类(class)并在完成后获得结果

Question

我将如何使用 jQuery 将“选定”类添加到 LI 中？ 一旦选择了所有 6 个问题，我将需要通过这些问题并获得选定的答案。我已经为每个答案添加了问题 ID 和答案 ID，这可能会让以后更容易提取和处理。

 <div id="1002" class="question2" style="display: block; ">
   <h1>Question 2</h1>
   <p><i>This is Question 2</i></p>
   <div class="answer-grid">
    <ul class="answer">
        <li id="1002-a1">Answer 1</li>
        <li id="1002-a2">Answer 2</li>
        <li id="1002-a3">Answer 3</li>
    </ul>
   </div>
 </div>

这就是我希望它看起来的样子......

 <div id="1002" class="question2" style="display: block; ">
   <h1>Question 2</h1>
   <p><i>This is Question 2</i></p>
   <div class="answer-grid">
    <ul class="answer">
        <li id="1002-a1" class="selected">Answer 1</li>
        <li id="1002-a2">Answer 2</li>
        <li id="1002-a3">Answer 3</li>
    </ul>
   </div>
 </div>

非常感谢。

Answer 1

切换 <li>元素:

$('.answer li').on('click', function() {
    $(this).addClass('selected').siblings().removeClass('selected');
});

找到选中的<li>元素:

var answers = $('.answer li.selected').map(function() {
    return this.id;
}).get();