1

Есть неопределенное кол-во таких блоков:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="box">
  <div class="box-name">Коробка 1</div>
  <div class="box-description">Коробка 1 Коробка 1 Коробка 1</div>
</div>
<div class="box">
  <div class="box-name">Коробка 2</div>
  <div class="box-description">Коробка 2 Коробка 2 Коробка 2</div>
</div>

При клике на любой из блоков box нужно получить текст из box-name и box-description и записать в переменные a и b

Как это сделать с помощью jquery?

3
  • Вообще никаких идей?
    – user176262
    Commented 15 июл. 2020 в 12:49
  • @Igor типа так $(document).ready(function(){ $('.box').click(function () { let a = $('.box-name').text }); }); Commented 15 июл. 2020 в 12:52
  • попробуйте определить по какому из 2-х (в примере 2-а) блоков вы кликнули
    – meine
    Commented 15 июл. 2020 в 12:55

1 ответ 1

1

типа так $(document).ready(function(){ $('.box').click(function () { let a = $('.box-name').text }); });

Почти.

$(document).ready(function() {
  let a, b;
  $('.box').click(function() {
    a = $(this).find('.box-name').text();
    b = $(this).find('.box-description').text();
    console.log('name:', a);
    console.log('description:', a);
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="box">
  <div class="box-name">Коробка 1</div>
  <div class="box-description">Коробка 1 Коробка 1 Коробка 1</div>
</div>
<div class="box">
  <div class="box-name">Коробка 2</div>
  <div class="box-description">Коробка 2 Коробка 2 Коробка 2</div>
</div>

3
  • Почему-то не работает, в консоле "ƒ (e){return _(this,function(e){return void 0===e?k.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)}" Commented 15 июл. 2020 в 13:00
  • @Бармалей Что это такое?
    – user176262
    Commented 15 июл. 2020 в 13:02
  • Хз, походу что-то у меня, разберусь, спасибо Commented 15 июл. 2020 в 13:05

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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