隐藏的输入值未定义

时间:2014-12-07 12:29:40

标签: javascript jquery

我试图获取隐藏字段lengthIndicator的值:

<div class="dwr_frame_wpr">
        <div class="dwr_arrow_left L"></div>
        <div class="dwr_frame L">
            <div class="dwr_biggy">
                <div class="dwr_box L"></div>
                <div class="dwr_box L"></div>
                <div class="dwr_box L"></div>
            </div>
            <div class="points_wpr">

            </div>
            <input type="hidden" class="lengthIndicator" value="0" />
            <input type="hidden" class="whatNowIndicator" value="1" />
        </div>
        <div class="dwr_arrow_right L"></div>
    </div>

现在,我有一个基本上计算lengthIndicator长度的JS代码,并将其写入隐藏的输入类型。 (那些发生在“ready”)。

之后,在“click”上,我尝试读取输入,并在控制台上显示未查找。我试图解释为什么?

(这是代码:(我在点击时传递“dwr_arrow_left”元素。)

checkHowManySliders: function (el) {
        console.log(el);
        var lengthInd = el.find('.lengthIndicator');
        console.log(el.find('.lengthIndicator').val());

    }

当我控制元素时,它表示它使元素变得很棒,但是当我试图观察它未定义的值时。

2 个答案:

答案 0 :(得分:1)

max-brodin是正确的。这应该可以解决你的问题。

 var lengthInd = el.parent().find('.lengthIndicator');
 console.log(el.parent().find('.lengthIndicator').val());

答案 1 :(得分:1)

lengthIndicator不是dwr_arrow_left的孩子,因为dwr_arrow_left是空div。尝试传递dwr_frame元素。

请参阅fiddle