javascript - 将文本拉入 div

Question

我的数学游戏中附有求和答案列表。每次从列表中随机选择一个答案时，都会附加一个总和。我遇到的问题是我希望将总和拉入 div 以便显示。我之前使用“preload="auto"”对图像和声音进行过此操作。拉取文本的等价物是什么？

这是列表..

<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打印..

  <div class="mysum" class="sumstyle">

我该怎么做？

这里有一个 fiddle 可以帮助... http://jsfiddle.net/smilburn/ZAfVZ/11/

Answer 1

您的 fiddle 有很多代码需要费力地浏览。希望这有帮助

var answer = /* generated somewhere in your code */
var sum= $('#answerlist li[data-answer="'+answer+'"]').data('sum');
$('.mysum').text(sum + answer); 

演示 http://jsfiddle.net/rt44v/