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

我有一个像这样的

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>

---

我的代码显示

title\u info

值，但

des\u info

显示为未定义。

不需要

.find（）

，只需使用

.next（）

即可到达

.des\u info

节点

而不是

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

使用

无论是解决方案还是解决方案，都可以使用：

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);
});

---

您可以简短地说：

  $(".title_info,.des_info").each(function() {
      alert($(this).val());
  });

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

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

  $(".title_info,.des_info").each(function() {
      alert($(this).val());
  });