社区所有版块导航
Python
python开源   Django   Python   DjangoApp   pycharm  
DATA
docker   Elasticsearch  
aigc
aigc   chatgpt  
WEB开发
linux   MongoDB   Redis   DATABASE   NGINX   其他Web框架   web工具   zookeeper   tornado   NoSql   Bootstrap   js   peewee   Git   bottle   IE   MQ   Jquery  
机器学习
机器学习算法  
Python88.com
反馈   公告   社区推广  
产品
短视频  
印度
印度  
Py学习  »  Jquery

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

John • 5 年前 • 1780 次点击  

我在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
 
1780 次点击  
文章 [ 1 ]  |  最新文章 5 年前
Zakaria Acharki
Reply   •   1 楼
Zakaria Acharki    6 年前

我想你需要这样的东西:

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