5

在 next 中找不到input元素td。我需要在 tblCashSum 的文本框的 td 类中放置一个值。

但是，如果我执行以下操作：

alert(formElement.nextAll('td.tblCashSum').find('input.cashSum').val());

它读取未定义。

HTML：

<tr>
    <td class='tblCashType'>100</td>
    <td class='tblCashAmount'><asp:TextBox class="inputBox" ID="noteAmount100" runat="server"></asp:TextBox></td>
    <td class='tblCashSum'><asp:TextBox class="inputBoxDisabled cashSum" ReadOnly="true" runat="server" ID="cashSum100"></asp:TextBox></td>
</tr>

查询：

$("noteAmount").blur(function(){
 calc($(this));
});

function calc(formElement)
{
    a = formElement.val();
    b = formElement.closest('td').siblings('td.tblCashType').text();
    x = a * b;
    formElement.nextAll('td.tblCashSum').find('input.cashSum').val(x);
}
4

2 回答 2

6

您正在传递一个作为输入元素值的字符串，您应该首先传递对象，请注意您错过了#ID 选择器。

$("#noteAmount").blur(function(){
     calc($(this));
});

然后你可以使用parent和next方法：

function calc($formElement) {
    a = parseInt($formElement.val(), 10);
    b = parseInt($formElement.closest('td').siblings('td.tblCashType').text(), 10);
    x = a * b;
    $formElement.parent().next().find('input.cashSum').val(x);
}

请注意，如果您的元素具有 ID 属性，您可以直接选择它们，这比遍历 DOM 更快。

我在您的标记中找不到 ID 为noteAmount的元素，如果您有多个具有相同 ID 的元素，您的标记将变为无效并且您会得到意想不到的结果，您还可以尝试以下操作：

$('.inputBox').blur(function(){
    a = this.value
    $this = $(this);
    b = $this.parent().prev().text();
    x = parseInt(a, 10) * parseInt(b, 10);
    $this.parent().next().find('input.cashSum').val(x);
});
于 2012-10-23T22:12:48.813 回答
1

您需要.next()在.parent() 输入上使用

尝试formElement.closest('td').next('td.tblCashSum')

或者

formElement.parent().next('td.tblCashSum')

//

也$("noteAmount")没有任何意义......应该是 $('[id*="noteAmount"]')

$('[id*="noteAmount"]').blur(function(){
 calc($(this));
});

function calc(formElement)
{
    a = formElement.val();
    b = formElement.closest('td').siblings('td.tblCashType').text();
    x = a * b;
    formElement.closest('td').next('td.tblCashSum').find('input.cashSum').val(x);
}
于 2012-10-23T22:15:13.297 回答