如何获取下一个元素's值-jquery

How to get next element's value - jquery

本文关键字：-jquery 元素 下一个 何获取 获取      更新时间：2023-09-26

我有一个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显示为未定义值。

不需要.find()，只有使用.next()才能到达.des_info节点。

代替

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

使用

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

Kartikeya Khosla解决方案或可以使用：

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

只需使用jquery的next()函数。

更新的脚本：

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

Fiddle Link

您可以保持简短：

  $(".title_info,.des_info").each(function() {
      alert($(this).val());
  });
相关文章：