使用jQuery在循环内获取特定的文本框值

Question

我在使用jquery的循环中获取特定的文本框值时遇到问题。 请参见下面的代码。 我将在所有文本框旁边获得1到10个值，以打印按钮。 当我提交该特定文本框值时，它将始终以第一个值“ 1”出现。

我知道在jquet代码中必须输入“ $ this”关键字才能获得该特定值，但是我对jquery还是陌生的，我尝试了很多方法来做到这一点，但失败了。 请帮忙。

<?PHP for($i=0, $i<10; $i++) ?>
<input type="text" name="ad_id" value="<?PHP echo $i; ?>" class="ad_id" />
<button type="button" class="ad_increase">Submit</button>
<?PHP } ?>


<script>
$('.ad_increase').click(function() {
    var get_ad_id = $('.ad_id').each();


    $.post('includes/show_ad_id.php', {
        ad_id: get_ad_id
    }, function(res) {

        if (res != 1) {
            $('.display_in_model').html(res);
        } else {
            $('.display_in_model').html('');
        }

    });

});
</script>

Answer 1

使用prev()获取上一个input的值。 同样，将each()更改为val()以获得输入的值。

var get_ad_id = $(this).prev('.ad_id').val();

码

$('.ad_increase').on('click', function() {
    var get_ad_id = $(this).prev('.ad_id').val();
    //              ^^^^^^^^^^^^^^^^^^^^^^^^^^^^

    $.post('includes/show_ad_id.php', {
        ad_id: get_ad_id
    }, function(res) {
        if (res != 1) {
            $('.display_in_model').html(res);
        } else {
            $('.display_in_model').html('');
        }
    });
});

Answer 2

尝试

$(".ad_id").each(function() {
    alert($(this).val());
});