1

Пишу кастомный селектор. Нужен именно не дефолтный. Нужно, чтобы в каждом селекте был текст первого опшина. на Javascript уже давно сделал. как переписать код на jQuery? перепробовал уже и parent() и next() и first() в разных взаимодействиях. Скажите, пожалуйста, как сделать, либо в какую сторону смотреть

document.querySelectorAll('.category-select-block').forEach (item => {
     item.innerHTML = item.closest('.category-select').querySelector('.category-option').innerHTML;
});
.category-select {
  width: 200px;
  border: 1px solid #ccc;
  margin: 10px;
}
.category-select-block {
  background-color: #ccc;
}
<div class="category-select">
    <div class="category-select-block"></div>
    <div class="category-option">Ukraine sport</div>
    <div class="category-option">Canada sport</div>
    <div class="category-option">USA sport</div>
    <div class="category-option">Germany sport</div>
</div>
<div class="category-select">
    <div class="category-select-block"></div>
    <div class="category-option">Small</div>
    <div class="category-option">Medium</div>
    <div class="category-option">Big</div>
</div>
<div class="category-select">
    <div class="category-select-block"></div>
    <div class="category-option">Price</div>
    <div class="category-option">Quantity</div>
</div>

1 ответ 1

3
$('.category-select-block').each(function() {
  $(this).html(
    $(this).closest('.category-select').find('.category-option').eq(0).html()
  );
});
2
  • спасибо большое 25 авг 2019 в 13:42
  • @VasylBakanovskyi На здоровье. Успехов!
    – user176262
    25 авг 2019 в 13:44

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.