如何將后代選擇器連接到jQuery中的變量

Question

我正在嘗試將變量放入jquery后代選擇器中，由於某種原因它不起作用，我認為這可能與后代選擇器需要在一起且中間沒有任何撇號的事實有關，但我不確定

<form>
    <div id= question>
<ul class="question-list">

  <LH id=que>gfh</LH>

這是我想要改變的地方

  <li id="choice-1">
    <input type="radio" name="radio" id="choice" data-price="100" value="product1" checked="checked">
    <label for="choice1"><span>question 1</span></label>
  </li>

  <li>
    <input type="radio" name="radio" id="choice" data-price="110" value="choice2"><label for="choice2"><span>question 2 [+ 10 $]</span></label>
  </li>

  <li>
    <input type="radio" name="radio" id="choice" data-price="110" value="product3"><label for="product3"><span>question 3 [+ 10 $]</span></label>
  </li>
</ul>
<input type="button" id="jqtest" value="next"  onclick= nextQuestion_onclick>
</div>
</form> 




var allQuestions = [{question: "Who is Prime Minister of the United Kingdom?", choices: ["David Cameron", "Gordon Brown", "Winston Churchill", "Tony Blair"], correctAnswer:0}];

這個工作，但當我將其更改為

$('#choice-1 span').text(allQuestions[0].choices[0]);   

但是當我將其更改為串聯時它不起作用

$(document).ready(function(){
var currentChoise= '1';

$('#que').text(allQuestions[0].question);
$('#choice-'+currentChoise+ 'span').text(allQuestions[0].choices[0]);

});

這是一個jsfiddlelink http://jsfiddle.net/jpu1gchd/

Answer 1

在跨度之前應該有一點。

$('#choice-'+currentChoise+ ' span').text(allQuestions[0].choices[0]);