如何将后代选择器连接到 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

在span之前应该有一个spce。

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

如何将后代选择器连接到 jquery 中的变量

how to concatenate a descendant selector to a variable in jquery

javascript

jquery

jquery-selectors