Нужен эквивалент кода ванильного JS на jQuery

80
20 июня 2021, 19:40

Пишу кастомный селектор. Нужен именно не дефолтный. Нужно, чтобы в каждом селекте был текст первого опшина. на 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>

Answer 1
$('.category-select-block').each(function() {
  $(this).html(
    $(this).closest('.category-select').find('.category-option').eq(0).html()
  );
});
READ ALSO
Подсчет нулей в введенном аргументе
javascript

Подсчет нулей в введенном аргументе

Хочу подсчитать количество нулей которые повстречаются, если посчитать от единицы до введенного числаНапример если ввести число 20, то ответ...

 85
как работать с экспортом?
javascript

как работать с экспортом?

у меня есть файл userjs мне нужно использовать его параметры

 113
Как получить доступ к стилям из JavaScript?
javascript

Как получить доступ к стилям из JavaScript?

Сейчас у меня есть стиль в stylecss:

 125
return возвращает undefined
javascript

return возвращает undefined

Пытаюсь делать задачи с codewars чтобы поднять скилл но вместо этого падает мая самооценка

 71