jQuery .text（）函数不工作

Question

所以我想让用户点击一个按钮的按钮值包含问题编号和div ID。然后我试图使用该题号访问文本是在具有ID question_no“+ _文字我应该得到的文本行是一个跨度：

var text=$("div#"+div+" span#"+question_no+"_text").text(); 

的问题是它是工作的一半时间会抢了一些跨度，但不是别人的文字

HHere是我写的剧本：。

$("button.add_answer").click(function() { 
    var question_no=$(this).attr("value") 
    var div=$(this).attr("data-version"); 
    var text=$("div#"+div+" span#"+question_no+"_text").text(); 
    var answer=$("div#"+div+" [name="+question_no+"]"); 
    var answerText; 
    var answerValue; 
    var checkbox=false; 

    alert($("div#"+div+" span#"+question_no+"_text").length); 

    if (answer[0].tagName.toLowerCase() == "input") { 
     if(answer.attr("type") == "text") { 
      answerText=answer.val(); 
      answerValue=answer.val(); 
     } else if (answer.attr("type") == "radio") { 
      var answer=$("div#"+div+" [name="+question_no+"]:checked"); 
      answerValue=answer.val(); 
      answerText=answer.next().text(); 
     } else { 
      alert("checkbox"); 
      checkbox=true; 
      $("div#"+div+" [name="+question_no+"]:checked").each(function() { 
       answerText=$(this).next().text(); 
       answerValue=$(this).val(); 
       $("div#saved_answers table").append("<tr id=\""+question_no+"\"><td>"+text+"</td><td>"+answerText+"</td></tr>"); 
      });  
     } 
    } else if (answer[0].tagName.toLowerCase()=="textarea") { 
     answerText=answer.val(); 
     answerValue=anser.val(); 
    } else if(answer[0].tagName.toLowerCase == "select") { 
     answerText=answer.find("option:selected").text(); 
     answerVal=answer.val();  
    } 

    if(!checkbox) { 
     $("div#saved_answers table").append("<tr id=\""+question_no+"\"><td>"+text+"</td><td>"+answerText+"</td></tr>"); 
    } 

}); 

这里是标记：

<div id="1527" class="Questions"> 
<h1>Questions</h1><hr><br /> 


    <ul class="error" id="498_error"></ul> 
    <span id="498_text">Title of Representative Completing This Section</span><br /> 
    <input type="hidden" name="498_max_length" id="498_max_length" value="25"> 
    <input type="hidden" name="498_min_value" id="498_min_value" value=""> 
    <input type="hidden" name="498_max_value" id="498_max_value" value=""> 
    <input type="hidden" name="498_regex_format" id="498_regex_format" value=""> 
    <input type="hidden" name="498_system_type" id="498_system_type" value="2"> 
    <input type="hidden" name="498_app_type_version" id="498_app_type_version" value="1527"> 

      <input class="questionChoice" type="text" name="498" /> 

    <br /> 
    <button class="add_answer" value="498" data-version="1527">Add answer</button> 
    <br /><br /> 


    <ul class="error" id="2150_error"></ul> 
    <span id="2150_text">Signature:</span><br /> 
    <input type="hidden" name="2150_max_length" id="2150_max_length" value=""> 
    <input type="hidden" name="2150_min_value" id="2150_min_value" value=""> 
    <input type="hidden" name="2150_max_value" id="2150_max_value" value=""> 
    <input type="hidden" name="2150_regex_format" id="2150_regex_format" value=""> 
    <input type="hidden" name="2150_system_type" id="2150_system_type" value="2"> 
    <input type="hidden" name="2150_app_type_version" id="2150_app_type_version" value="1527"> 

      <input class="questionChoice" type="text" name="2150" /> 

    <br /> 
    <button class="add_answer" value="2150" data-version="1527">Add answer</button> 
    <br /><br /> 

</div> 

它正确地从第二个问题签名，但不是第一个问题，代表标题完成本节。

在文字与输入一起被抓住之后，我只是把它们放在一个表格中。

任何想法为什么这只会抓住文本每隔一段时间？

Answer 1

其中一个按钮的属性为'data-version'，另一个为'data-app_type_version'。它们应该和你在JS（目前的数据版本）中引用的一样:) :)

Answer 2

因为，你知道span是div的直接子，也许你可以使用“>”使其成为直接后代选择器而不是泛型后代选择器。 var text = $（“div＃”+ div +“> span＃”+ question_no +“_text”）。text（）;