javascript - JQuery如何获取表中动态创建的输入的值？

Question

我已经查看了链接中的其他来源，但我仍然不确定在动态创建输入时如何找到输入的值。我正在创建一个电子商务商店项目，每次用户向购物车添加一些东西时，在购物车页面上，我都会显示每个购物车项目。每个购物车项目都有一个数量输入框，以便用户可以根据需要更改数量(当他们按下动态创建按钮时)。这是代码:

我有一个 foreach 循环，它确定需要显示多少项，然后确定代码中的一行:

     <tr><td> <input type=\"number\" class =\"cartQuant\" name=\"quantity\" 
     data-row-quant=" + row['itemid'] + " value="+ row['quantity']+"><a 
     data-role='button' data-theme='a'  data-row-id=" + row['itemid'] + " 
     data-row-num=  " + i + " href='#'>UPDATE</a></td></tr>"

在我有 onclick 事件处理程序之后:

     $("#user_Cart a").on("click", clickHandler);

以及它调用的函数:

      function clickHandler() {
             var row = $('#user_Cart tr').eq($(this).attr("data-row-num"));
             var quantity = row.find('#cartQuant').val();
      }

我认为上面的方法可以通过首先获取行，然后从该行查找输入值来工作。我得到一个未定义的数量值。

Answer 1

您的类选择器无效，您应该使用 . 而不是 #。

var quantity = row.find('.cartQuant').val();

. 是类选择器，# 是 id 选择器。