javascript - jquery 删除父 cur.element 的父元素

Question

嗨，我不删除 parnet。

我的代码:

  <div class="prdctfltr_add_scroll">
   <div class="prdctfltr_checkboxes">
      <label class="prdctfltr_ft_">
        <input type="checkbox" value="">
         <span>
            <img src="" onerror="delNoneOptionFilters(this)" class="product_filter_none_option">
            <script>function delNoneOptionFilters( x ){ $(x).closest('label').remove; }</script>
         </span>
      </label>
      <label class="prdctfltr_ft_popularity">
        <input type="checkbox" value="popularity">
        <span>Popularity</span>
      </label>
      <label class="prdctfltr_ft_rating">
        <input type="checkbox" value="rating">
        <span>Average rating</span>
      </label>
      <label class="prdctfltr_ft_date">
        <input type="checkbox" value="date">
        <span>Newness</span>
      </label>
        <label class="prdctfltr_ft_price">
        <input type="checkbox" value="price">
        <span>Price: low to high</span>
      </label>
      <label class="prdctfltr_ft_price-desc">
        <input type="checkbox" value="price-desc">
        <span>Price: high to low</span>
      </label>
   </div>
</div>

我想删除标签 class="prdctfltr_ft_"

Answer 1

remove 不是属性，它是一个 函数，您必须像这样使用 $(x).closest('label').remove() 。

function delNoneOptionFilters( x ){
$(x).closest('label').remove();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="prdctfltr_add_scroll">
   <div class="prdctfltr_checkboxes">
      <label class="prdctfltr_ft_">
        <input type="checkbox" value="">
         <span>
           <button onclick="delNoneOptionFilters(this)">delete</button>
           
         </span>
      </label>
      <label class="prdctfltr_ft_popularity"><input type="checkbox" value="popularity"><span>Popularity</span></label><label class="prdctfltr_ft_rating"><input type="checkbox" value="rating"><span>Average rating</span></label><label class="prdctfltr_ft_date"><input type="checkbox" value="date"><span>Newness</span></label><label class="prdctfltr_ft_price"><input type="checkbox" value="price"><span>Price: low to high</span></label><label class="prdctfltr_ft_price-desc"><input type="checkbox" value="price-desc"><span>Price: high to low</span></label>                       
   </div>
</div>