jquery - 如何在 jquery 中按类名检索最近的隐藏字段？

Question

当我的页面上有这个 HTML 标签时，如何在 jquery 中检索最近的隐藏字段值？

 <div>
    <div class="div1">
        <input id="Hidden1" type="hidden" class="temp_parent" value="xxx" />
        <div>
            <span class="a123" onclick="findparentHiddenFiels()">click me1</span>
        </div>
    </div>

    <div class="div2">
        <input id="Hidden2" type="hidden" class="temp_parent" value="yyy" />
        <div>
            <span class="a123" onclick="findparentHiddenFiels()">click me1</span>
        </div>
    </div>
</div>

这不起作用：

var hidenval = $(this).closest('input[class^="temp_parent"]').val();

Answer 1

首先摆脱内联事件处理程序JS。然后使用：

$('span.a123').click(function(){         
    var hidenval = $(this).closest('div').siblings('input:hidden').val();
});

Answer 2

<span class="a123" onclick="findparentHiddenFiels(this)">click me1</span>

function findparentHiddenFiels(el){
    var $span = $(el);
    var $hidden = $span.parent().prev()
}

Answer 3

尝试

var hidenval = $(this).closest('div[class^="div"]').find('input.temp_parent').val();

或者

var hidenval = $(this).parent().prev('input.temp_parent').val();

或者

$('span.a123').click(function(){         
    var hidenval = $(this).parent().prev().val();
});

参考

.closest()