Py学习  »  Jquery

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

John • 4 年前 • 1007 次点击  

我在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) “类名显示在控制台框中。但是我想在下一个过程中使用这个类名。

Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/44165
 
1007 次点击  
文章 [ 1 ]  |  最新文章 4 年前
Zakaria Acharki
Reply   •   1 楼
Zakaria Acharki    5 年前

我想你需要这样的东西:

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

它将显示单击的“readmorebtn_id”的相关“afterreadmore_类”。

$(".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>