javascript - 在 .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 中看到 data[0].title ，所以我知道这不是问题。有人可以指出我哪里出错了。谢谢。

score 6 · Accepted Answer

6

id 选择器以not #a开头.（用于类选择器）。

于 2013-08-13T14:41:09.717 回答

score 2 · Accepted Answer

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

$('#mainColumn .Title')

score 1 · Accepted Answer

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

score 1 · Accepted Answer

可以工作（'#' 是一个 id 选择器。'.' 是一个类选择器！）：

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

但是，该选择器字符串将适用于层次结构中的任意数量的子级，而与找到该子级的层数无关。要进行更强的类型化，您可以指定子项必须是第一个子项：

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

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

$('div#mainColumn div.Title')

score 0 · Accepted Answer

尝试这个：

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

“#”用于选择id和“.” 用于选择类。

5 回答 5