javascript - 使用 jQuery 查找元素值

Question

在下面的 HTML 标记中，如何通过单击 span 类 .click 来获取名称为 module_id[] 的输入字段的值。

HTML:

<div class="module">
    <div class="info">..</div>
    <div class="ctrl"><span class="click">Click</span></div>
    <input type="hidden" value="module1" name="module_id[]" /> 
    <input type="hidden" value="title" name="module_title[]" />
</div>

我已经尝试过这个:

jQuery:

$('.module').on('click','.click',function(){
     var target_module = $(this).parent();
     var module_id = target_module.find('input[name=module_id\\[\\]]').val();

    alert(module_id);

 });

演示: http://jsfiddle.net/FKdNJ/

Answer 1

$(this).parent();正在给您 <div class="ctrl">相反。

您可以使用$(this).parent().parent() ，但更灵活的解决方案是使用 closest() 相反；

$(this).closest('.module');

你可以在这里看到它的工作原理； http://jsfiddle.net/FKdNJ/5/

<小时/>

FWIW，您也可以完全改变您的方法，并使用 e.delegateTarget 检索.module直接元素 ( http://jsfiddle.net/FKdNJ/7/ );

$('.module').on('click','.click',function(e){
     var target_module = $(e.delegateTarget);
     var module_id = target_module.find('input[name=module_id\\[\\]]').val();

     alert(module_id);
});