Question

试图显示一个靠近“更多内容”的div。

$('.btn-read-more').click(function(){
    $('.readMoreMeta').slideToggle();
  });

http://jsfiddle.net/adampavlov/fva4hzgw/2/

Answer 1

$('.readMoreMeta').slideToggle();，这将适用于所有readMoreMeta标签。您需要选择一个特定的。因此，您可以使用以下方法来访问它：先找到.prev('div)，然后再在该div中找到.find('.readMoreMeta')。

请尝试以下操作：

$('.btn-read-more').click(function() {
    $(this).prev('div').find('.readMoreMeta').slideToggle();
});

Answer 2

您可以在此处尝试以下代码：

当您单击readmore按钮时，然后单击'上一个 元素和他的子元素'readMoreMeta'滑动开关。

您还可以通过以下链接来学习jquery选择器，以提高技能：jquery selectors

$('.btn-read-more').click(function(){
    $(this).prev('.text-content').children('.readMoreMeta').slideToggle(300);
  });

.readMoreMeta {display: none;}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="text-content clearfix">
  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  <p class="readMoreMeta">As a result, dealership Sales Consultants deepened their connections with customers through dialogue about a luxury lifestyle that goes beyond cars. This communication is critical to enrich the guest experience while strengthening one-to-one relationships.</p>
</div>
<a href="javascript:;" class="btn-read-more">Read More</a>

<br><br>

<div class="text-content clearfix">
  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  <p class="readMoreMeta">As a result, dealership Sales Consultants deepened their connections with customers through dialogue about a luxury lifestyle that goes beyond cars. This communication is critical to enrich the guest experience while strengthening one-to-one relationships.</p>
</div>
<a href="javascript:;" class="btn-read-more">Read More</a>

**Thank you**

阅读每个链接的更多信息

2 个答案: