Question

我有html：

Form_fk_id

如果点击显示其值，我需要;但它不起作用。

我的JS：

Form_type_number

Answer 1

我猜这是你的意思：

$(function (){
    $('.Alaves').click(function (){
        $("input", this).each(function(){
            assert(this.value);
        });
    });
});

Answer 2

将其用作：

$(document).ready(function () {
    $('.Alaves').click(function () {
        assert( $(this).val());
        or
        alert($(this).val()); 
    });
});

Answer 3

获取输入值

$(document).ready(function () {
        $('.Alaves').click(function () {
            assert($(this).children('input').val());
        });
    })

Answer 4

如果要查找单击的输入值，则需要将值函数用作.val()而不是.val。您还应该使用jquery

的find()方法在当前单击的元素中找到input元素

＆＃13;

$(function (){
    $('.Alaves').click(function (){
        console.log($(this).find('input').val());
        
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div class="Alaves">
<h4>Admin</h4>
<input type="hidden" value=1>
</div>
<div class="Alaves">
<h4>Admin</h4>
<input type="hidden" value=2>
</div>

<div class="Alaves">
<h4>Admin</h4>
<input type="hidden" value=3>
</div>
<div class="Alaves">
<h4>Admin</h4>
<input type="hidden" value=4>
</div>
<div class="Alaves">
<h4>Admin</h4>
<input type="hidden" value=5>
</div>

＆＃13;

Answer 5

如果您只想显示其子文本框值，请点击：

         $(document).ready(function () {
             $('.Alaves').click(function () {
             assert( $(this).find('input').first().val();
            });
         });

其他所有具有相同父类“Alaves”的输入 @prasad回答可以按照

Answer 6

Snippeted解决方案：

＆＃13;

$( function() {
  $( '.alaves' ).click( function() {
    assert( $( 'input:hidden', this ).val() );
  });
});

function assert( val ) {
  console.log( 'Input\'s value is: "' + val + '".' );
}

＆＃13;

.alaves {
  cursor: pointer;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="alaves">
  <h4>Admin</h4>
  <input type="hidden" value="1">
</div>

＆＃13;

我纠正了一些错误和不良做法。

GetValue嵌套输入JS

6 个答案: