jQuery选择器没有选择对象

Question

所以我有一些HTML。

<td class="qDescription">
    <div>
         <div id="questionTitle">% of users who logged in per day</div>
         <div id="timeRangeExt"> 05 Mar 2015 - 11 Mar 2015</div>
         <div class="compareToLabel"> (26 Feb 2015 - 04 Mar 2015)</div>
    </div>
</td>

我正在尝试更改#timeRangeExt的CSS属性，所以我有以下jQuery：

$("#timeRangeExt").html("TESTING");

然而，它不起作用。我真的很茫然。我之前已经完成了1000次，但这次它不会选择。

Answer 1

需要引用完整的id（#timeRangeExt）：

$('#timeRangeExt').css('color','#f0f');

<击>

这似乎是一个错字。如果您有两个具有相同值的ID（如果qDescription是重复元素），则您将不得不使用类名。 HTML 不能在单个文档上具有两个具有相同名称的ID。例如，将其切换为：

<td class="qDescription">
    <div>
         <div class="questionTitle">% of users who logged in per day</div>
         <div class="timeRangeExt"> 05 Mar 2015 - 11 Mar 2015</div>
         <div class="compareToLabel"> (26 Feb 2015 - 04 Mar 2015)</div>
    </div>
</td>

然后您可以参考.qDescription：

选择它

$('.qDescription .timeRangeExt').css('color','#f0f');

另一个选项是，如果它是动态布局的，则是添加递增值（例如el.id = 'timeRangeExt' + increment;），然后，当然，通过其新ID（$('#timeRangeExt2').css(...)）引用它。

Answer 2

您的代码中存在拼写错误，它应该像

$("#timeRangeExt").html("TESTING");