JQuery селектор уль литий

Question

У меня есть этот список

<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> 

Есть ли способ, чтобы выбрать каждый < li> его «ид» с запросом?

Ive судимым это так, но его сейчас работает

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

Thanx за ответы, но ни один из вышеперечисленного не работают .. Ive судимого эта

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

и им возможность увидеть QTIP . Но только для первого в списке (ключ1). Попытка

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

или

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

ее не работает для меня .. =/

Answer 1

Почему дополнительный двоеточие :? Тебе это не нужно.

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

Answer 2

Да.

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

Кроме того, это идентификатор и, скорее всего, уникальный. Вы можете просто использовать:

$("#key1") 

Answer 3

Просто используйте id селектор:

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

id значения должны быть уникальным на странице, и поэтому, оставляя все другие вещи из позволяет jQuery использовать document.getElementByID, и селектор хорош и прост (например, быстрый) для синтаксического анализа и применения. (Конечно, если вы хотите селектор в файл, если key1 не является li, то вам нужен полный селектор. Но, как правило, это не то, что вы хотите.)

Обратите внимание, что некоторые из ваших id значений нужно будет бежать, потому что у вас есть .. Чтобы избежать ., вы помещаете обратную косую черту перед ним в селектор. Поскольку селектор находится в строке JavaScript, вы должны обратный слеш на самом деле получить обратную косую черту в селектор, так что вы используете два:

$("#key4\\.1").qtip(...); 

Answer 4

Если вы выбираете по идентификатору, нет необходимости указывать тип, класс или родительский класс. Идентификаторы должны быть уникальными.

В качестве примера, можно использовать следующий селектор для выбора key1, key2 и KEY3, если вы хотите, чтобы выбрать их все вместе:

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

Или выбрать их по одному:

$("#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" />' 
    }); 

});