0

私はこのリストを持っています

<ul style="display:none">
  <li id="key1" title="Look, a tool tip!">item1 with key and tooltip
  <li id="key2" class="selected">item2: selected on init
  <li id="key3" class="folder">Folder with some children
    <ul>
      <li id="key3.1">Sub-item 3.1
      <li id="key3.2">Sub-item 3.2
    </ul>

  <li id="key4" class="expanded">Document with some children (expanded on init)
    <ul>
      <li id="key4.1">Sub-item 4.1
      <li id="key4.2">Sub-item 4.2
    </ul>
</ul>

クエリで「id」によって各 < li > を選択する方法はありますか?

このように試してみましたが、現在は機能しています

$("ul li:#key1").qtip({
         content: '<img src="icons/Icon.png" />'
    });

答えてくれてありがとう、しかし上記のどれもうまくいきませんでした..私はこれを試しました

$("ul li:first").qtip({
 content: '<img src="icons/Icon.png" />'
});

qtipを見ることができますが、リストの最初のもの（key1）のみです。しようとしている

$("ul li#key1").qtip({
 content: '<img src="icons/Icon.png" />'
});

また

$("#key1").qtip({
 content: '<img src="icons/Icon.png" />'
});

それは私のために働いていません.. =/

4

4 に答える 4

2

idセレクターを使用するだけです：

$("#key1").qtip(...);

id値はページ上で一意である必要jQueryがあるため、他のすべてのものを除外して を使用できますdocument.getElementByID。セレクターは、解析して適用するのに優れていてシンプルです (たとえば、高速です)。(もちろん、セレクターがkey1ではない場合にファイリングする場合はli、完全なセレクターが必要です。しかし、通常、それはあなたが望むものではありません。)

id一部の値はエスケープする必要があることに注意してください.。をエスケープする.には、セレクターでその前にバックスラッシュを置きます。セレクターは JavaScript 文字列内にあるため、バックスラッシュを実際にセレクターに取得するには、バックスラッシュをエスケープする必要があるため、次の 2 つを使用します。

$("#key4\\.1").qtip(...);
于 2012-04-23T10:31:18.623 に答える
0

ID で選択する場合は、タイプ、クラス、または親クラスを指定する必要はありません。ID は一意である必要があります。

例として、次のセレクターを使用して、key1、key2、および key3 をすべて一緒に選択する場合に選択できます。

$("#key1, #key2, #key3").qtip({
         content: '<img src="icons/Icon.png" />'
    });

または、それらを 1 つずつ選択するには:

$("#key1").qtip({
         content: '<img src="icons/Icon.png" />'
    });

$("#key2").qtip({
         content: '<img src="icons/Icon.png" />'
    });

または、次のようにしてキーのリストを指定し、qtip の選択と初期化を繰り返さないようにすることもできます。

var keys = ['key1', 'key2', 'key3'];

$(keys).each(function(i, key) {
    $("#" + key).qtip({
         content: '<img src="icons/Icon.png" />'
    });

});
于 2012-04-23T10:34:32.660 に答える
0

なぜ余分なコロン:? あなたはそれを必要としません。

$("ul li#key1").qtip({
     content: '<img src="icons/Icon.png" />'
});
于 2012-04-23T10:30:09.710 に答える
0

はい。

$("ul li#key1").qtip(); //rest of code

また、これは ID であり、おそらく一意であるためです。あなたは単に使用することができます：

$("#key1")
于 2012-04-23T10:30:53.650 に答える