Finden das input-element des nächsten TD

Probleme bei der Suche die input element in der nächsten td. Ich brauche, um einen Wert in der td-Klasse von tblCashSum der textbox.

Jedoch, wenn ich den folgenden Code:

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

Er liest nicht definiert.

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>

Jquery:

$("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);
}
ist $("noteAmount") richtig? -- ist calc($(this).val()); richtig? oder ist es sein soll calc($(this));
ja, ich habe einen Fehler gemacht, aber die Funktion calc funktioniert immer noch nicht 🙁

InformationsquelleAutor JamieSellars | 2012-10-23

  1. 6

    Übergeben Sie eine Zeichenkette, die den Wert des input-Elements, sollten Sie sich zuerst übergeben Sie das Objekt statt, beachten Sie, dass Sie verpasst haben, die # für den ID-Selektor.

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

    Dann können Sie parent und next Methoden:

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

    Bitte beachten Sie, dass, wenn Ihre Elemente haben eine ID-Attribute, können Sie diese direkt, das geht schneller als das Durchlaufen des DOM.

    Ich nicht finden können, ein element mit dem ID - noteAmount in Ihrem markup, wenn Sie mehrere Elemente mit den gleichen IDs markup wird ungültig, und Sie werden unerwartete Ergebnisse erhalten , können Sie auch versuchen, die folgenden:

    $('.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);
});
    Ich mag $formElement Namensschema für jQuery-Objekte.
    Ich habe einen Fehler gemacht, ich weiß nur das Objekt und nicht der Wert. Habe ich geändert die Frage. sorry
    Niceone nicht definiert. Ich werde übernehmen parseInt auch sehr, sehr schön. Danke!
    Sie sind herzlich willkommen.

    InformationsquelleAutor undefined

  2. 1

    Müssen Sie .next() auf die .parent() input

    Versuchen formElement.closest('td').next('td.tblCashSum')

    ODER 

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

    //

    Auch $("noteAmount") macht keinen Sinn ...
    Soll $('[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);
}
    Ich habe einen Fehler gemacht, ich weiß nur das Objekt und nicht der Wert. Habe ich geändert die Frage. sorry
    Sie verwenden müssen .next() auf .parent() input

    InformationsquelleAutor Sushanth --

Schreibe einen Kommentar