Как забрать текст из блока по которому кликнули?

Question

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

<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?

Answer 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>

БЛОГ НА HUSL

Как забрать текст из блока по которому кликнули?

Ответы (1 шт):