Javascript 使用jquery返回多个属性值

我有一个网页，允许用户滚动回答问题。要显示他们的答案，他们只需单击一个li，该li通过jquery更改类onclick以显示答案已被选中。在其中一些问题上，我只允许选择一个答案，单击一个li，在其他问题上，我允许单击多个li。问题完成后，用户单击submit，jquery使用answerPick类获取数据url属性的值，并附加到网站url以导航到

我的问题是，当ppl选择多个值时，我用于选择answerPick类属性的方法仅返回第一个值

$(document).ready(function() {


  $('#section-a .answer, #section-b .answer').on('click', function() {
    if ($(this).siblings().hasClass("answerPick") == false) {
      $(this).toggleClass('answer answerPick');
    }

  });

  $('#section-c .answer, #section-d .answer').on('click', function() {
    $(this).toggleClass('answer answerPick');
  });


  $('#submittah').click(function() {
    var q1 = $('#section-a').find('.answerPick').attr('data-url');
    var q2 = $('#section-b  .answerPick').attr('data-url');
    var q3 = $('#section-c  .answerPick').attr('data-url');
    var q4 = $('#section-d  .answerPick').attr('data-url');
    var finalURL = q1 + q2 + q3 + q4;
    window.location.href = finalURL;
  });


});

这是我的名片

---

有什么想法吗？

这不会重定向页面，但会让console注销最终查询，打开开发者工具，查看console或更改console.log以提醒您是否愿意。。你想把值和键一起传递到下一页吗？我已经更新了finalURL，以包含值对的键。要回答关于多个答案的问题，您需要循环多个选定的类，将它们推送到一个数组中，然后将它们作为逗号分隔的列表连接起来。不过，在将答案发送到该位置时，您可能需要对URL进行编码，这取决于您从URL检索键/值参数的方式

$document.readyfunction{ $“a部分答案，b部分答案”。单击“单击”，函数{ 如果$this.sides.hasClassanswerPick==false{ $this.toggleClass'answerPick'； } }; $'c部分答案，d部分答案'。单击，函数{ $this.toggleClass'answerPick'； }; $'submittah'。单击函数{ var q1=$'section-a'.find'.answerPick'.attr'data-url'； var q2=$'section-b.answerPick'.attr'data-url'； var=q3Multi[]； 变量q3=$'.answerPick'，'section-c'.eachfunction{ q3Multi.push$this.attr'data-url'； }; 风险值q4Multi=[]； 变量q4=$“截面d.应答拾取”。每个函数{ q4Multi.push$this.attr'data-url'； }; var finalURL='？q1='+q1+'&q2='+q2+'&q3='+q3Multi.join'，'+'&q4='+q4Multi.join'，'； console.logfinalur； //window.location.href=finalURL； }; }; /*核心风格*/ 身体{ 保证金：0； 文本对齐：居中； 线高：1.5； } h1， h2， h3{ 填充：1em 0！重要； } .btn{ 填料：1米2米； 颜色：000； 文字装饰：无； 背景：92c03c； 边框：1px实心4949； 显示：内联块； 边缘：.5em0； } /*标题样式*/ 展示{ 最小高度：450px； } 展示h1{ 边缘顶部：25px； } /*剖面样式*/ 主要部分{ 显示：块； 最小高度：450px； } 服从{ 边缘顶部：30px； } /*列表项样式*/ 李少杰{ 显示：内联块； 光标：指针； 文本对齐：居中； 边框：实心4×fff； 宽度：140px； 高度：140像素； -moz边界半径：80px； -webkit边界半径：80px； 边界半径：80px； 位置：相对位置； 颜色：fff； } 主李>跨度{ 显示器：flex； 证明内容：中心； 垫面：40%； } .答复{ 背景：1bb8d1； } .answerPick{ 背景：92c03c； } /*媒体查询*/ @媒体最小宽度：700px{ 展示h1{ 字体大小：xx大号； } 展示p{ 字号：中等； } 主氢{ 字体大小：xx大号； } 李少杰{ 字体大小：大号； } .btn{ 填充物：2em 4em； 字号：中等； } } 实例 示例txt

这是送给女人还是男人的礼物？ 成年男子 成年女子 礼物的目的是什么？ 放松 护肤品 约会之夜 家庭温泉 胡须护理 价格点 五元或以下 $5-$10 $10-$20 $20-$50 还有其他偏好吗？ 不残忍 素食主义者 无麸质 无香 提交 在每个函数中使用jQuery：

---

这将循环所有元素。

谢谢！一个简单的解决方案，效果非常好。非常感谢