分别从jQuery中获取每个输入的值

我创建了一个jQuery代码，用html输入值发出AJAX请求

这是jQuery代码：

$(document).on('change keyup', '#quantityNumbeInvoiceItem, #itemDiscountInvoice', function() {
    var quantity  = $(this).parent('td').find('#quantityNumbeInvoiceItem'),
        discount  = $(this).parent('td').find('#itemDiscountInvoice'),
        item_name = $(this).parent('td').parent('tr').find( '#itemNameJsAjax span' ).text(),
        ajaxUrl   =  'requests/Ajax/item_full_amount.php?item_name=' + item_name + '&quantity=' + quantity + '&discount=' + discount,
        itemContainer = $(this).parent('td').parent('tr').find( '#fullAmountForItemJsAjax' );

    $.ajax({
        url: ajaxUrl,
        type: 'GET',
    })
    .done(function(res) {
        itemContainer.html( res );
    })
    .fail(function() {
        console.log("error");
    })
});

这是HTML：

<tbody>
    <tr>
        <td style="width: 94px;">
            <img src="layouts/images/items/368988_2.jpeg" alt="gypsoid" title="gypsoid" style="width:94px;height: 70px;">   
        </td>
        <td id="itemNameJsAjax" style="position: relative;">
            <span>gypsoid</span>
        </td>
        <td>
            <input data-class=".quantityNumbeInvoiceItem" class="quantityNumbeInvoiceItems" id="quantityNumbeInvoiceItem" value="1" min="1" max="2" name="invoiceItemAmount" type="number" />
            <div class="availableQuantityInvoiceItem" style="margin:10px 0;">Available: 2 </div>
        </td>
        <td>
            <input id="itemDiscountInvoice" name="itemDiscountInvoice" value="0$" type="text">
        </td>
        <td id="fullAmountForItemJsAjax">$20</td>
        <td style="border:0;">
            <i id="removeLineSalesInvoices" style="color: #f00;font-weight: 900;border-radius: 50%;border: 1px solid #f00;padding: 3px;cursor: pointer;" class="ti-close"></i>
        </td>
    </tr>
</tbody>

绞股蓝
可供选择：2
$20

当我更改

数量

的值时，

折扣

的值变为

未定义

，而

折扣

的值也变为未定义

---

如果有人有办法解决这个问题，我将不胜感激

您的代码中有几个错误，例如，当您使用

#QuantityNumberInvoiceItem

作为选择器时，

#itemDiscountInvoice

不是此元素的父元素，等等。您还忘了获取输入元素的

val（）

。所以，现在可以得到所有变量

$（document）.on（'change keyup'，'QuantityNumberInvoiceItem'，'ItemDiscountingVoice'，function（）{
变量数量=$（'#QuantityNumberInvoiceItem'）.val（），
折扣=$（'#itemDiscountInvoice'）.val（），
item_name=$（'#itemNameJsAjax'）.find（'span'）.text（），
ajaxUrl='requests/Ajax/item_full_amount.php？item_name='+item_name+'&quantity='+quantity+'&discount='+discount，
itemContainer=$（'#fullAmountForItemJsAjax'）.text（）；
log（'itemContainer:'+itemContainer）；
console.log（'项目名称：'+项目名称）；
console.log（'折扣：'+折扣）；
console.log（'数量：'+数量）；
/*$.ajax({
url:ajaxUrl，
键入：“GET”，
})
.完成（功能（res）{
html（res）；
})
.fail（函数（）{
控制台日志（“错误”）；
})*/
});

绞股蓝
可供选择：2
$20
也共享您的html。@Pedram已共享！谢谢你帮了我这么多！