javascript - 使用 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()获取先前输入的值。 另外，将 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('');
        }
    });
});