jQuery: применить класс ко всем тегам 'якоря' конкретного div

Question

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

<script type="text/javascript">

$(function() {
    $("a", "top_menu").addClass("ui-widget ui-state-default");
});

</script>

Что я хочу сделать, это применить эти классы ко всем тегам привязки следующего div:

<!-- Top menu -->
<div class="top_menu">
    <a href="test">An anchor</a>
    <a href="test1">Second Anchor</a>
</div>
<!-- End Top menu -->

Но это должно толькоприменить к тегам привязки div 'top_menu'.

Чего не хватает ?, спасибо.

Answer 1

Вы указываете все элементы top_menu как область действия, но такого HTML-элемента нет.Вы хотите использовать селектор ".top_menu" вместо того, чтобы указать класс.

Вместо того, чтобы указывать и область действия, и селектор, вы можете использовать один селектор:

$(".top_menu a").addClass("ui-widget ui-state-default");

Answer 2

используемый вами селектор неправильный .. попробуйте вместо этого

$(function() {
    $("a", "div.top_menu").addClass("ui-widget ui-state-default");
});