1

Нужно при клике на button вызвать событие trigger или click в class="item-text".

 $('.items button').click(function() {
  $(this).closest('.items').find('.item-img').click(function() {
     alert($(this).text());
  });
});
.item-content {
  display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="items">
  <button>Button 1</button>
  <div class="item-content">
    <div class="item-text">
      Item text 1
    </div>
  </div>
</div>
<div class="items">
  <button>Button 2</button>
  <div class="item-content">
    <div class="item-text">
      Item text 2
    </div>
  </div>
</div>

2 ответа 2

1

$('.items .item-text').click(function() {
  alert("click on .item-text - " + $(this).text());
});

$('.items button').click(function() {
  $(this).closest('.items').find('.item-text').click();
});
.item-content {
  /*display: none;*/
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="items">
  <button>Button 1</button>
  <div class="item-content">
    <div class="item-text">
      Item text 1
    </div>
  </div>
</div>
<div class="items">
  <button>Button 2</button>
  <div class="item-content">
    <div class="item-text">
      Item text 2
    </div>
  </div>
</div>

1

const button = document.querySelector("button");
const itemText = document.querySelector(".item-text");

itemText.onclick = ()=>console.log("item-text clicked!");

button.addEventListener("click",()=>itemText.onclick());
<div class="items">
  <button>Button 1</button>
  <div class="item-content">
    <div class="item-text">
      Item text 1
    </div>
  </div>
</div>

Ваш ответ

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

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