javascript - jQuery で要素の値を見つける

Question

module_id[]次の HTML マークアップでは、スパンクラスをクリックして、名前を持つ入力フィールドの値を取得する方法を教えて.clickください。

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/

score 2 · Accepted Answer

$(this).parent();<div class="ctrl">代わりに

を使用することもできます$(this).parent().parent()が、より柔軟な解決策はclosest()代わりに使用することです。

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

ここでこれが機能していることを確認できます。http://jsfiddle.net/FKdNJ/5/

FWIW、アプローチを完全に変更して、要素を直接e.delegateTarget取得するために使用することもできます ( http://jsfiddle.net/FKdNJ/7/ );.module

$('.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);
});

score 1 · Accepted Answer

これを試してください。可能であれば、html 5 の data- 属性を使用したほうがよいでしょう。

$('span.click').click(function(){     
    var moduleId = $(this).closest("div.module").find("input[name='module_id[]']").val()
    alert(moduleId);
 });

score 1 · Accepted Answer

と：

$('input[name="module_id[]"').val();

jsFiddle の例 1

$('.module').on('click', '.click', function () {
    console.log($('input[name="module_id[]"').val());
});

このコードブロックのセットが複数ある場合は、次を使用します$(this).closest('.ctrl').next().val()。

次のように:

$('.module').on('click', '.click', function () {
    console.log($(this).closest('.ctrl').next().val());
});

jsFiddle の例 2

score 1 · Accepted Answer

これを試して

$('.module').on('click','.click',function(){
    alert($(this).closest('.module').find('[name="module_id[]"]:first').val())
 });

http://jsfiddle.net/FKdNJ/3/

score 0 · Accepted Answer

フィドルに回答を追加しました：

$('.click').on('click',function(){
     alert($('input[name=module_id\\[\\]]').val());
})

http://jsfiddle.net/FKdNJ/6/

javascript - jQuery で要素の値を見つける

5 に答える 5

Related

Reference