无法删除动态创建的卡片的父 div

Posted 2023-05-09

【中文标题】无法删除动态创建的卡片的父 div

【英文标题】：Unable to remove parent div of dynamically created cards

【发布时间】：2021-10-21 03:00:09

【问题描述】：

我想使用 js 或 jquery 删除父 div，但我无法这样做，因为它是动态制作的多张卡片。这是我的代码：

<?php
for($ter as $term)

   <div class="wrapper-newjoinee-custom">
      <div class="breadcrumbs joinee-firstchild">
         <h2 class="section-heading blue-bar">      
            <?php 
               echo $term->name;
            ?> 
         </h2>
      </div>            
      <div class="row-joinee">
         <?php echo $term->data; ?>
      </div>
   </div>

?>

main.js 文件：

jQuery(document).live(function($) 
    if ( $('.row-joinee').text().length == 0 ) 
        // length is 0
        $('.row-joinee').closest(".wrapper-newjoinee-custom").remove();
    
);

如果row-joinee 类为空，请帮助我不显示任何wrapper-newjoinee-custom 类

【问题讨论】：

你用的是什么版本的jquery？使用 .live 已过时

【参考方案1】：

你可以试试这样的：

$(".row-joinee").filter(
    function()  return $(this).text().trim() == "")
    .closest(".wrapper-newjoinee-custom").hide()

这将隐藏那些.wrapper-newjoinee-custom 为空的<div class="row-joinee">

演示

$(".row-joinee").filter(function()  return $(this).text().trim() == "").closest(".wrapper-newjoinee-custom").hide()

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wrapper-newjoinee-custom">
  <div class="breadcrumbs joinee-firstchild">
    <h2 class="section-heading blue-bar">
      name
    </h2>
  </div>
  <div class="row-joinee">
    data
  </div>
</div>
<div class="wrapper-newjoinee-custom">
  <div class="breadcrumbs joinee-firstchild">
    <h2 class="section-heading blue-bar">
      name im empty
    </h2>
  </div>
  <div class="row-joinee"></div>
</div>
<div class="wrapper-newjoinee-custom">
  <div class="breadcrumbs joinee-firstchild">
    <h2 class="section-heading blue-bar">
      name
    </h2>
  </div>
  <div class="row-joinee">
    data
  </div>
</div>

【讨论】：

@Dungeon 然后人们用呈现的 html 更新你的问题