javascript - jquery if list equal 1 删除按钮

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 8 年前。

Improve this question

我想要如果列表等于 1 则删除按钮，

从 ID 计数 1 列表中删除按钮，

如果有另一个 ID 计数 > 1，请勿删除按钮，

使用 jQuery，

var $this = jQuery(this);
var $getList = jQuery('#count li');
var $sliderButtons = jQuery('#count .slider_next, #count .slider_prev');
if($getList.length == 1){
    $sliderButtons.remove();
};

我的代码只想使用 list == 1 删除按钮

    <div id="count">
        <ul id="sldr">
           <li>if equal 1 list, remove buttons.</li>
        </ul>
        <i class="slider_next"></i>
        <i class="slider_prev"></i>
    </div>

    <div id="count">
        <ul id="sldr">
           <li>if equal > 1 list, don't remove buttons.</li>
           <li>hello</li>
        </ul>
        <i class="slider_next"></i>
        <i class="slider_prev"></i>
    </div>

谢谢

Answer 1

试试这个:

$(".count ul") 
   .filter(function( index ) {
       return $( "li", this ).length === 1;
    })
   .closest(".count")
   .find("i").remove();

Demo

我们使用 .filter() 及其内部函数将 ul 元素集限制为仅包含一个 li 的元素。然后 closest(".count") 获取 ul 的 .count 父级。接下来找到并删除 i 标签。

您还需要删除 HTML 中的重复 ID 并替换为类。像这样的东西:

<div class="count">
    <ul class="sldr">
       <li>if equal > 1 list, don't remove buttons.</li>
       <li>hello</li>
    </ul>
    <i class="slider_next">n</i>
    <i class="slider_prev">p</i>
</div>