jQuery Выбор ребенка UL. Поиск лучшего метода

У меня есть элемент div, который содержит UL и UL содержит элементы LI. Один из элементов LI имеет идентификатор номера запаса. Мне нужно выбрать этот ли.jQuery Выбор ребенка UL. Поиск лучшего метода

Вот мой код, который отлично работает. Я просто ищу лучшую реализацию.

$(".block").children("ul").children("#stocknumber") // gets me the li and it works!!

UPDATE 1:

Пожалуйста, обратите внимание, что идентификаторы не уникальны!

Вот что я придумал:

$(".block").children("ul").find("#stocknumber")

источник

2010-06-01 john doe

все, что вы имеете в виду под «идентификаторы не уникальны», вы должны объяснить это, прежде чем я удалю -1 – jAndy

ids ИМЕТЬ быть уникальным. Если нет, ваш HTML-код недействителен. –

Идентификаторы на веб-странице должны быть уникальными, вы будете только больше беспокоиться о другом, используя не уникальные атрибуты идентификатора. –

$(".block > ul > #stocknumber")

или даже:

$("#stocknumber"); // because every id in your HTML should be unique

источник

2010-06-01 18:02:52

thats хуже из-за производительности – jAndy

Производительность не всегда самая важная вещь. Простота в большинстве случаев важнее. Кроме того, второй - это самый быстрый способ достичь того, чего хочет OP –

Действительно, второй способ лучше, чем любая другая комбинация селекторов. –

$("#stocknumber");

Поскольку идентификаторы уникальны, вы не должны иметь более одного элемента с идентификатор stocknumber на вашей странице.

источник

2010-06-01 18:03:22 richsage

На самом деле в моем случае идентификатор не уникален! –

В этом случае вы должны переосмыслить свою разметку HTML. Идентификаторы должны быть уникальными по спецификации HTML :-) см. Http://www.w3.org/TR/html401/struct/global.html#h-7.5.2 – richsage

john doe: вы должны сделать все возможное, чтобы ID на странице уникален. – Matt

Я думаю, что получил свой ответ, используя метод find.

$(".block").children("ul").find("#stocknumber")

источник

2010-06-01 18:03:31

'find()' медленнее, чем 'children()'. Но примите во внимание все критические замечания: вам нужно сделать эти идентификаторы уникальными. Это приносит неожиданное поведение. Посмотрите на использование классов по идентификаторам. Классы не обязательно должны быть уникальными. – Matt

find() медленнее, чем дети()? Я действительно в это не верю. – jAndy

@jAndy: 'find()' ищет всех потомков.'children()' ищет всех детей .... – Matt

Вы должны обязательно выбрать его по его идентификатору напрямую.

$('#stocknumber');

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

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

$(".block").find(".stocknumber");

или

$('.stocknumber', '.block');

с HTML, как это:

<div class='block'> 
    <ul> 
     <li class='stocknumber'>number</li> 
    </ul> 
</div> 

<div class='block'> 
    <ul> 
     <li class='stocknumber'>number</li> 
    </ul> 
</div>

источник

2010-06-01 18:03:33 user113716

Я просто просто понял, что сделал OP, но у вас есть точка, и да, мне нужно его удалить. Спасибо, что уведомил об этом. – Sarfraz

@ Sarfraz - ОК, без обид. :) – user113716

$('#stocknumber').

Идентификатор должен быть уникальным для страницы. Вы просто замедляете ситуацию.

источник

2010-06-01 18:04:33 Matt

Я, возможно, не замедлял работу, так как я получаю элемент DIV из функции из-за некоторой операции сбрасывания. Итак, я получаю только точный элемент DIV. –

Если LI имеет идентификатор вобще

$('#stocknumber')

так Идентификаторы должны быть уникальными в разметке.

источник

2010-06-01 18:05:07 jAndy

jQuery Выбор ребенка UL. Поиск лучшего метода

ответ

Смежные вопросы