时间戳

首页 > 解决方案 > 从jQuery中的event.target获取类名后如何使用类名？

jquery - 从jQuery中的event.target获取类名后如何使用类名？

问题描述

我在 HTML 上有这段代码：

$(".readMorebtn_id").on('click', function(e) {
  var icon = e.target;

  var parentDiv = $(icon).parent();
  var child = $(parentDiv).children(".afterReadMore_Class");
  var cls = $(child).attr('class');
  console.log(cls);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="readMorediv_id">
  <button class="readMorebtn_id">Read More</button>
  <div class="afterReadMore_Class" style="display: none !important;">
    <div>
      <span><b>User CNIC:</b></span><span><?php  $row['usercnic']?></span>
    </div>
    <div>
      <span><b>Father CNIC:</b></span><span><?php echo$row['fathercnic']?> 
         </span>
    </div>
  </div>
</div>

在 jQuery 中，我正在做的“ console.log(cls)”类名称显示在控制台框中。但我想将这个类名用于进一步的过程。

标签： jqueryhtml

解决方案

我认为您需要类似的东西：

$(".readMorebtn_id").on('click', function(){
    $(this).parent().find(".afterReadMore_Class").show();
});

这将显示单击的“readMorebtn_id”的相关“afterReadMore_Class”。

$(".readMorebtn_id").on('click', function() {
  $(this).parent().find(".afterReadMore_Class").show();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="readMorediv_id">
  <button class="readMorebtn_id">Read More</button>
  <div class="afterReadMore_Class" style="display: none !important;">
    <div>
      <span><b>User CNIC:</b></span><span><?php  $row['usercnic']?></span>
    </div>
    <div>
      <span><b>Father CNIC:</b></span><span><?php echo$row['fathercnic']?> 
 </span>
    </div>
  </div>
</div>
<div id="readMorediv_id">
  <button class="readMorebtn_id">Read More</button>
  <div class="afterReadMore_Class" style="display: none !important;">
    <div>
      <span><b>User CNIC:</b></span><span><?php  $row['usercnic']?></span>
    </div>
    <div>
      <span><b>Father CNIC:</b></span><span><?php echo$row['fathercnic']?> 
 </span>
    </div>
  </div>
</div>
<div id="readMorediv_id">
  <button class="readMorebtn_id">Read More</button>
  <div class="afterReadMore_Class" style="display: none !important;">
    <div>
      <span><b>User CNIC:</b></span><span><?php  $row['usercnic']?></span>
    </div>
    <div>
      <span><b>Father CNIC:</b></span><span><?php echo$row['fathercnic']?> 
 </span>
    </div>
  </div>
</div>

推荐阅读