javascript - 为什么 jQuery 不处理 id 和 selector 传递？

Question

我有身份证"#post0"

和一堂课"reply"

当我做：

 var rep = ".reply";
 $(rep).toggle(400);

所有具有“回复”类的组件切换。

但是，当我这样做时：

var rep = "#post0.reply";
$(rep).toggle(400);

类回复和 post0 的元素没有任何反应......而不是切换它们

帮助表示赞赏！

Answer 1

获取类“回复”的所有元素

$(".reply")

例子：

<span class="reply">match</span>

---

返回所有 id 为“post0”并且有一个类“reply”的元素。请注意，选择器之间没有空格。仅当元素具有所有“链式”选择器时才匹配

$("#post0.reply")

例子：

<span id="post0" class="reply">match</span>

---

返回所有具有类“reply”的元素，该类是id为“post0”的元素的后代注意选择器之间有一个空格

$("#post0 .reply")

例子：

<div id="post0">
    <span class="reply">span match</span>
</div>

Answer 2

$("#post0.reply")返回具有 idpost0和 class的元素reply。

$(".reply")返回具有类的元素reply。

$("#post0 .reply")reply返回嵌套在 id 元素下的具有 class的元素post0。

Answer 3

下面的 JSFiddle 对我有用：

http://jsfiddle.net/9V7v8/

当您说您的元素 ID 是“#post0”时；哈希实际上是在 ID 字段中吗？尝试从 id 字段中删除哈希；所以：

<p id="#post0"...

变成：

<p id="post0"...

保留 # 前缀到 javascript 中的 ID；这告诉 JQuery 它正在寻找一个 ID；所以选择器应该仍然是：

var rep = "#post0.reply";