javascript - 不应该隐藏等于2的孩子吗？

Question

我有这个 HTML 代码：

<ul id="product_create-header" class="stepy-header">
    <li id="product_create-head-0" class="stepy-active">
        <div>Categoría</div><span>Categoría</span>
    </li>
    <li id="product_create-head-1">
        <div>Producto</div><span>Producto</span>
    </li>
    <li id="product_create-head-2">
        <div>Variaciones</div><span>Variaciones</span>
    </li>
    <li id="product_create-head-3">
        <div>Detalles</div><span>Detalles</span>
    </li>
    <li id="product_create-head-4">
        <div>Condiciones</div><span>Condiciones</span>
    </li>
</ul>

为了隐藏等于 2 的子元素，我编写了以下代码：

$('#product_create-header').children().eq(2).hide();
$('#product_create').find('fieldset').eq(2).hide();

但由于“Variaciones”仍然出现，它不起作用，我的代码有什么问题？见附图

Answer 1

发布每个命令的结果：

$('#product_create-header')

$('#product_create-header').children()

$('#product_create-header').children().eq(2)

这样您就可以检查 wich 选择器不起作用。

你应该在 $(function() {}); 中调用 .stepy() 然后调用我传递给你的代码。

Answer 2

尝试如下。看到这可能会解决你的问题。不过不确定。

$(document).ready(function(){

    $('#product_create-header').children().eq(2).hide();
    $('#product_create').find('fieldset').eq(2).hide();

});