3

そこで、一般質問をしました。多くの場合、さまざまなツリー要素をトラバースしているときに、必要だと思う JQuery セレクターが別のものを選択してしまうか、さらに悪いことに、何も選択していないように見えることがあります。

たとえば、実際に選択されているものを使用したり、見失っ.child()たりすることがあります。.sibling()

alert()場合によっては、 s または aを使用console.log()して問題を切り分けることができます。それでもうまくいかないこともあります。 私が使用しているセレクターが実際に何を選択したかを知るための良いトリックを誰かが知っているかどうかに興味がありました。 firebug ツールやその他の便利なものがあるかどうかはわかりません。

助言がありますか？どうもありがとう。

4

5 に答える 5

1

このChrome 拡張機能があります。Firefox でも利用できるかどうかはわかりませんが、いつでも試すことができます。

その上、私は常に `console.log()` すべてを使って、ネストされたツリーで正しい要素を選択していることを確認します。 ))` 最初に jQuery セレクターに追加するだけです

そして最後に、「$(element).css('background-color','red');」だけで、ターゲットにしているものを視覚的に見つけることができます

于 2012-07-30T18:39:14.700 に答える
1

Chrome拡張機能を使用して、コンソールパネルにセレクターを記述してください。$('div#foobar');そしてエンターを押します。次の行に div が表示されます。選択した div の上にマウスを置くと、ブラウザーに表示されます。

それをダブルクリックすると、で開きますelements。

で同じことが機能firefoxしfirebug extensionます。セレクターを確認するために、Firefox でセレクターを直接記述しfirebug consoleます。

于 2012-07-30T18:43:47.057 に答える
0

1 つのオプションは、クエリの結果を変数に保存し、その「長さ」プロパティを確認することです。length>0 の場合、何かを選択しています。

例：

var $listItem = $("li");
if($listItem.length>0) doSomething();
于 2012-07-30T18:37:51.923 に答える
0

私は通常、console.log() を実行して [オブジェクト オブジェクト] を確認し、そこから内部の内容を確認できます。または、特定のものを操作している場合は、多くの場合簡単に実行します

$(element).css('background', '#000');

ページ上で視覚的に見るだけです。

于 2012-07-30T18:32:01.657 に答える
0

以下の方法で行っていました。
console.log($('.myElementClass'));要素にカーソルを合わせると、firebug console要素が強調表示されているのがわかるので、それが正しい要素かどうかを確認できます。
alert($('.myElementClass').length);

于 2012-07-30T18:55:04.637 に答える