javascript - jQuery 処理 ID とセレクターが渡されないのはなぜですか?

Question

私はIDを持っています"#post0"

とクラス"reply"

私がする時：

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

クラス「応答」トグルを持つすべてのコンポーネント。

しかし、私がするとき：

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

クラス reply と post0 を持つ要素には何も起こりません ...それらを切り替える代わりに

助けていただければ幸いです。

score 3 · Accepted Answer

クラス "reply" のすべての要素を取得する

$(".reply")

例：

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

ID「post0」を持ち、クラス「reply」を持つすべての要素を返します。セレクタ間にスペースがないことに注意してください。要素は、すべての「連鎖」セレクターがある場合にのみ一致します

$("#post0.reply")

例：

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

ID「post0」の要素の子孫であるクラス「reply」を持つすべての要素を返します。セレクターの間にスペースがあることに注意してください

$("#post0 .reply")

例：

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

score 2 · Accepted Answer

$("#post0.reply")post0idと classを持つ要素を返しますreply。

$(".reply")class を持つ要素を返しますreply。

$("#post0 .reply")replyid の要素の下にネストされたクラスの要素を返しますpost0。

score 0 · Accepted Answer

以下の JSFiddle は私のために働きます:

あなたの要素IDが「#post0」であると言うとき。ハッシュは実際にIDフィールドにありますか? id フィールドからハッシュを削除してみてください。それで：

<p id="#post0"...

なる:

<p id="post0"...

ただし、JavaScript の ID の前に # を付けたままにしてください。これは、ID を探していることを JQuery に伝えます。したがって、セレクターは次のようになります。

var rep = "#post0.reply";

3 に答える 3