不应该隐藏等于2的孩子吗?

时间:2013-09-08 19:09:39

标签: javascript jquery

我有这个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的children元素,我制作了这段代码:

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

但是,由于“Variaciones”仍在出现,我的代码出了什么问题,它无法正常工作?见附图

enter image description here

2 个答案:

答案 0 :(得分:1)

发布每个命令的结果:

$('#product_create-header')

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

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

这样你可以检查哪个选择器不起作用。

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

答案 1 :(得分:0)

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

$(document).ready(function(){

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

});