javascript - 链接列表项

Question

我有一个 HTML 列表，其中包含属性 data-answer 和 data-sum。网格中填充了隐藏的答案。当突出显示隐藏的答案时，用户使用总和来计算答案是什么。在突出显示答案的那一刻，总和不是 HTML 中链接的正确总和，因此用户无法计算出来。

我的代码有什么问题，为什么它不能将这两个属性配对。是因为我没有为答案设置变量吗？

我有这个列表...

<ul style="display:none;" id="answerlist">

    <li data-answer="1" data-sum="4 - 3 ="></li>

    <li data-answer="2" data-sum="7 - 5 ="></li>

    <li data-answer="3" data-sum="1 + 2 ="></li>

    <li data-answer="4" data-sum="1 + 3 ="></li>

    <li data-answer="5" data-sum="4 - 3 ="></li>

    <li data-answer="6" data-sum="10 - 4 ="></li>

    <li data-answer="7" data-sum="4 + 3 ="></li>

    <li data-answer="8" data-sum="2 x 4 ="></li>

    <li data-answer="9" data-sum="4 + 5 ="></li>

    <li data-answer="10" data-sum="1 x 10 ="></li>

    <li data-answer="11" data-sum="10 + 1 ="></li>

    <li data-answer="12" data-sum="2 x 6 ="></li>

    <li data-answer="13" data-sum="9 + 4 ="></li>

    <li data-answer="14" data-sum="2 x 7 ="></li>

    <li data-answer="15" data-sum="11 + 4 ="></li>

  </ul>

答案很好，但是当我将问题放入 div -“.sumstyle”时，问题总是错误的。

var sum = $('#answerlist li[data-answer=' + answer + ']').data('sum');
$('.sumstyle').text(sum);

我为 sum 设置变量的方式有问题吗？

这是一把 fiddle http://jsfiddle.net/ZAfVZ/21/

Answer 1

好的，我看过 Fiddle，原因如下:

var sum= $('#answerlist li[data-answer="'+answer+'"]').data('sum');

...在第 120 行找不到您想要的 li 元素是因为写入 JQuery 选择器的 answer 变量没有值。这意味着您确实在这样做:

var sum= $('#answerlist li[data-answer=""]').data('sum');

...正在查找 data-answer 属性没有值的 li 元素，该元素不存在。

该行中 answer 的值应该来自哪里？在第 100 行附近的早期 for/while 循环中使用了一个本地 answer 变量 - 是吗？