将文本拉入div

时间:2012-10-16 11:08:42

标签: javascript jquery

我有一个附加在我的数学游戏总和上的答案列表。每次从列表中随机选择答案时,都会附加一个总和。我遇到的问题是我希望将总和拉入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">

我该怎么做?

这是帮助...... http://jsfiddle.net/smilburn/ZAfVZ/11/

的小提琴

1 个答案:

答案 0 :(得分:1)

你的小提琴有很多代码可以试图通过。希望这有帮助

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

DEMO http://jsfiddle.net/rt44v/