javascript - 如何获取下一个元素的值 - jquery

Question

我有一个像这样的div:

<div id="div_more_info">
    <input placeholder="title" name="title_info" class="title_info" style="margin: 1px" type="text">
    <input placeholder="des" name="des_info" class="des_info" style="margin: 1px;margin-left: 24px" type="text">

    <input placeholder="title" name="title_info" class="title_info" style="margin: 1px" type="text">
    <input placeholder="des" name="des_info" class="des_info" style="margin: 1px;margin-left: 24px" type="text">
</div>

现在我想获取 div 每一行的 title - value:

$("#div_more_info .title_info").each(function () {
    var title_info = $(this).val();
    var des_info = $(this).next().find('.des_info').val();

    alert(title_info);
    alert(des_info);
});

我的代码显示 title_info 值，但 des_info 显示为未定义。

Answer 1

不需要.find()，只需要.next()就可以到达.des_info节点。

代替

var des_info = $(this).next().find('.des_info').val();

使用

var des_info = $(this).next('.des_info').val();