jquery выберите этот идентификатор внутри li

Как правильно использовать «ЭТО», чтобы выбрать идентификатор внутри «li»?jquery выберите этот идентификатор внутри li

<li class="item"> 
    <div id="sale_container">text</div> 
</li> 

$("li.item").hover(function() { 
     $("#sale_container").fadeIn(400); 
    }) 
    $("li.item").mouseleave(function() { 
     $("#sale_container").fadeOut(400); 
    })

Как он влияет на все ли с классом «item». Итак, я хочу, чтобы это повлияло на каждую ли, когда мышь закончилась.

Этот пример не работает

$("li.item").hover(function() { 
    $(this)("#sale_container").fadeIn(400); 
}) 
$("li.item").mouseleave(function() { 
    $(this)("#sale_container").fadeOut(400); 
})

источник

2013-07-24 Andrei

Вы не можете иметь несколько тегов с тем же ID, также это может быть сделано с чистым CSS. http://stackoverflow.com/questions/9250619/fade-in-out-with-css3 – asawyer

Я думаю, что в IE будет проблема. Как бы это ни выглядело – Andrei

Измените идентификатор на класс и селектор из ответа @ David на '$ (this) .find (". Sale_container "). FadeIn (400);' и у вас будет 0 вопросов. – asawyer

Поскольку идентификаторы уникальны, вам нужно всего лишь использовать $('#sale_container') без каких-либо других классификаторов.

Предположим, вы не используете идентификатор, то вы будете использовать:

$(this).find(...).fadeIn(400); «...» является селектором, что вы ищете внутри, который может быть ("div") или (".myClassname") т.д.

источник

2013-07-24 17:01:24

id не обязательно уникальны. – gbtimmon

Когда они не уникальны, кроме как при плохой кодировке? –

Я никогда не говорил, что это была не плохая практика ... просто, что нет в спецификациях, она упоминает идентификаторы уникальны ... Я думаю, что 100% браузеров поддерживают не уникальные идентификаторы, и я видел, что некоторые очень хорошо написанные сайты используют неединственные id ... – gbtimmon

Заменить:

$(this)("#sale_container").fadeIn(400);

С:

$(this).find("#sale_container").fadeIn(400);

Или даже:

$(this).children().fadeIn(400); // will fade any element inside .item

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

источник

2013-07-24 17:02:05 David

Спасибо! Это решило мою проблему – Andrei

@Andrei не стесняйтесь принять этот ответ, если он решил ваш вопрос – David

Вы можете использовать этот код:

$("li.item").hover(function() { 
    $(this).find("#sale_container").fadeIn(400); 
});

источник

2013-07-24 17:02:28 amatellanes

Используйте функцию поиска, чтобы найти элемент, содержащийся внутри родительского элемента (это).

$("li.item").hover(function() { 
    $(this).find("#sale_container").fadeIn(400); 
})

источник

2013-07-24 17:05:08 gbtimmon

$("li.item").hover(function() { 
     $("#sale_container",$(this)).fadeIn(400); 
    }, function() { 
     $("#sale_container",$(this)).fadeOut(400); 
    });

FIDDLE Demo

источник

2013-07-24 17:05:48

'$ (this)' isnt required, просто 'this' будет делать :) – krishgopinath

Спасибо за ваш ценный вклад. Можете объяснить разницу между' this 'и' $ (this) ' –

jquery выберите этот идентификатор внутри li

ответ

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