0

Hello Guys I'm working on a Q&A using django-tastypie.

In my template in need to print all the questions related to a topic and all the answers related to a particular question, for this I passed an object to jQuery file and iterate that object there.

this is the code

$(data.quiztopics).each(function(index,element){  
   $(element.questions).each(function(index,question){  
     $(".quiz").append("<table id='question_"+question.id+">"+
                       "<tr><p name='question' id=question_"+question.id+">"+
                          (question.question_text) +
                       "</p></tr><tr id=answer_"+question.id+"></tr>"); 

$(question.answers).each(function(index,answer){
     $("#answer_"+question.id).append("<td>"+
        "<input type='radio' name='answer'id=answer_"+answer.id+">"+ 
            answer.answer_text +
        "</input></td>"); 
});

in console.log it shows everything all right i,e answer related to particular question. bt when i append it to a table row it misses answers of some of the questions i.e

10+10

120 20  30  1
10*10

100 00  20  1
10/10

10-10

please tell me the solution how can i got to place all answers under a related question

4

2 回答 2

1

似乎您没有关闭每次添加的 table 标记，但从未关闭过，这可能会 #$!!!$ 出现问题。您应该在“每个”之外添加标签，或者每次都关闭它。您的其余代码看起来还可以。

作为另一个建议......您应该修改您的数据结构以将答案作为问题的一个元素。这将解决您当前的问题，优化您的代码（不需要在 dom 中使用第二个选择器和修改），并使您对自己感觉良好:)。

于 2013-08-20T10:24:47.237 回答
0

我已经解决了这个问题。可能是我有一些语法错误或其他东西。我删除了代码并重新编写了它，它现在可以正常工作了。
新代码在这里。
$(data.quiztopics).each(function(index,element){

                $(element.questions).each(function(index,question){
                    $(".quiz").append("<table class= question_"+question.id+"><tr><td>"+question.question_text+"</td></tr></table>");
                    $(".question_"+question.id).append("<tr class=answer_"+question.id+"></tr>")
                    $(question.answers).each(function(index,answer){
                        if(question.question_type=="NUM"){
                            $(".answer_"+question.id).append("<td><input type=radio name="+question.id+"/> "+answer.answer_text+"</td>");
                        }

                    })

                })

但现在我的下一个问题是这是一个测验，我需要提交它。请告诉我如何遍历给定的问题和答案并选择特定答案以提交测验。

于 2013-08-20T17:52:28.197 回答