在.id中选择.class - javascript

Question

所以我是javascript的最新人，我在几个Div.id中有一个.class，我无法使用.css格式成功访问id。这是我的结构。

<div id="mainColumn">
 <div id="SpotlightContainer">
   <div id="SpotlightText">
    <div class="Title"></div>
   </div>
 </div>
</div>

这是我如何尝试在JQuery中访问它，

$('div.mainColumn div.SpotlightContainer  div.SpotlightText  div.Title').html(data[0].title);

我可以在Chrome中看到数据[0] .title，所以我知道这不是问题。 有人可以指出我哪里出错了。感谢。

Answer 1

id selector以#而不是.（适用于class selector）开头。

Answer 2

您的ID前缀为.，但这是针对类的。 ID以#为前缀。您还可以使用更简单的选择器：

$('#mainColumn .Title')

Answer 3

id的CSS选择器为#。您的查询应为'#mainColumn #SpotlightContainer #SpotlightText div.Title'

Answer 4

将工作（'＃'是一个id选择器。'。'是一个类选择器！）：

$('div#mainColumn div#SpotlightContainer div#SpotlightText div.Title')

但是，该选择器字符串将通过层次结构中的任意数量的子节点工作，而与子项找到的层数无关。要更强类型，您可以指定孩子必须是第一个孩子：

$('div#mainColumn > div#SpotlightContainer > div#SpotlightText > div.Title')

.. 或继续使用空格，不依赖于元素之间的结构：

$('div#mainColumn div.Title')

Answer 5

试试这个：

 $('#mainColumn #SpotlightContainer #SpotlightText .Title');

“＃”用于选择id和“。”用于选择类。