Блог

Я знаю, что это тривиальный вопрос, но я не могу найти правильный ответ.

Как изменить текстовый элемент, нажав на его родительский элемент?

HTML:

 <a id="share" class="hithit_button-share">
    <div class="hithit_button-wrapper">
      <div class="hithit_button-label_share absolute second">Share</div>
      <div class="hithit_button-label_share static">Share</div>
    </div>
  

После того, как я нажму на «ссылку», я хотел бы, чтобы текст изменился на «Скопированный» на обеих этикетках?

Спасибо

Рассмотрим следующее.

 $(function() {
  $(".hithit_button-share").click(function(e) {
    e.preventDefault();
    $(".hithit_button-label_share", this).html("Copied");
  });
});  

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a id="share" class="hithit_button-share">
  <div class="hithit_button-wrapper">
    <div class="hithit_button-label_share absolute second">Share</div>
    <div class="hithit_button-label_share static">Share</div>
  </div>
</a>  

Поскольку вы используете ссылку, вам необходимо предотвратить действие события по умолчанию. Затем вы можете найти элементы, содержащиеся в этом элементе, и настроить их внутренний HTML.