1

Как-то можно получить текст с соответствующего тега b с классом title? То есть, при клике на второй селект должно отображаться слово "Мяч", при клике на первый - "Кинг"

Единственная зацепка, которую я нашёл, - это искать первый верхний элемент с таким классом.

$('input.test').click(function(){
  var pays = $('.payment_type :selected');
  $.each(pays, function(){
    console.log($(this.parentNode.parentNode).text())
  })
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  
  <div class="cell product">
  <b class="title">Кинг</b> - 2 шт; <b>Доставка:</b> Курьером;
  <b>Оплата:</b>
  <select style="width: 130px" class="payment_type">
    <option value="1" data-codename="btc">BTC</option>
    <option value="2" data-codename="blago">blago</option>
    <option value="3" data-codename="card">Картой</option>
    <option value="4" data-codename="cash">Безналичный</option>
  </select>

  <br>
  <hr width="60%">

  <b class="title">Мяч</b> - 1 шт; <b>Доставка:</b> Курьером;
  <b>Оплата:</b>
  <select style="width: 130px" class="payment_type">
    <option value="2" data-codename="blago">blago</option>
    <option value="3" data-codename="card">Картой</option>
    <option value="4" data-codename="cash">Безналичный</option>
  </select>
</div>

1 ответ 1

3

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

$(this).closest('.product').find('.title');

$('input.test').click(function() {
  const productEl = $(this).closest('.product');
  const titleEl = productEl.find('.title');
  console.log(titleEl.text())
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="cell product">
  <b class="title">Кинг</b> - 2 шт; <b>Доставка:</b> Курьером;
  <b>Оплата:</b>
  <select style="width: 130px" class="payment_type">
    <option value="1" data-codename="btc">BTC</option>
    <option value="2" data-codename="blago">blago</option>
    <option value="3" data-codename="card">Картой</option>
    <option value="4" data-codename="cash">Безналичный</option>
  </select>
  <input class=test type=button value=Test />
</div>
<br>
<hr width="60%">
<div class="cell product">
  <b class="title">Мяч</b> - 1 шт; <b>Доставка:</b> Курьером;
  <b>Оплата:</b>
  <select style="width: 130px" class="payment_type">
    <option value="2" data-codename="blago">blago</option>
    <option value="3" data-codename="card">Картой</option>
    <option value="4" data-codename="cash">Безналичный</option>
  </select>
  <input class=test type=button value=Test />
</div>

2
  • Была такая мысль. Если ничего другого не придумаю, приму Ваш вариант. 27 мая 2019 в 9:58
  • 1
    @m0nte-cr1st0 а тут нечего думать, это верный вариант
    – InDevX
    27 мая 2019 в 10:13

Ваш ответ

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

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