获取div元素jquery的p元素的数据

106

Raashid Din Dar：

我想知道如何获取p作为子div元素的element的数据。请记住，有许多div元素具有相同的类。最好使用事件。因为我是初学者，所以我做不到。

jQuery(document).ready(function($) {
  $(".wp-block-wish-block-01-wish-block-01-editable").find('.social-link').on('click', function(event) {
    var elementText = $(event.target).text();
    console.log(elementText);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wp-block-wish-block-01-wish-block-01-editable share-block-content">
  <p class="ab-testimonial-title">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque porro incidunt error nostrum, labore saepe pariatur similique officia voluptatem! Repellendus iure commodi aliquid nemo nisi rerum quasi sunt, ducimus libero!. </p>
  <div class="block-share-links">
    <strong>Share:</strong>
    <div class="share-links">
      <a class="social-link" href="#"><img src="http://localhost/cs/wp-content/plugins/wish-block/assets/021-facebook.png"></a>
      <a href="#"><img src="http://localhost/cs/wp-content/plugins/wish-block/assets/043-twitter.png"></a>
      <a href="#"><img src="http://localhost/cs/wp-content/plugins/wish-block/assets/049-stumbleupon.png"></a>
    </div>
  </div>
</div>

有很多这样的块。我想做的是，当用户单击.social-link第一个元素的文本时，p应使用jQuery或JavaScript登录到控制台。

ssc-hrep3：

这应该可以解决您的问题。它搜索具有指定类的clicked元素的最接近的父级。然后，它>使用指定的类查找第一个子元素（由于），并提取其文本。

$('.social-link').click(function() {
  var value = $(this).closest('.share-block-content').find('> .ab-testimonial-title').text();
  console.log(value);
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。