Быть избирательным с jQuery - Выбор конкретного div и изображения

Question

В поисках помощи jQuery ниндзя.Мой jQuery ниже работает, но у меня есть сильное подозрение, что то, как я выбрал эти элементы, может быть значительно улучшено.Как лучше выбрать эти элементы?Можно ли улучшить мой код?(См. Цель ниже, важно отметить, что я хочу выбрать только результаты первого класса div и изображение в нем)содержимое только первого набора содержимого при загрузке страницы.Стрелка также обновляется, чтобы указать, что этот контент отображается.

Большое спасибо, я сердечно поздравляю вас с друзьями.Я надеюсь, что другие найдут это полезным.

Answer 1

лично я бы предпочел:

<script>
$("#priceInventory .results div div.someclass").show();
$("#priceInventory .results div img.arrow").attr('src','/images/arrow-dwn.png');
</script>

Someclass - это класс, который вы добавляете во 2-й вложенный элемент div. Мне лично не нравится использовать nth-child, потому что он ломается, когда я меняю порядок / расположение.

Answer 2

Судя по всему, это должно быть немного элегантнее.Просто сокращение выбора, но я думаю, это то, что вы ищете.Это будет делать то же самое, что вы делаете выше, если только у вас нет других элементов, кроме этого наследника, которые используют классы .results и .arrow.

$(".results:first div:hidden").show();
$(".results:first .arrow").attr('src','/images/arrow-dwn.png');