1

私の問題は、「this」セレクターが正しい要素を参照していないことです。jqueryで検索したところ、最初の関数を参照するには「$(this)」と入力する必要があると書かれていますが、これは機能しません。

HTML:

<tbody id="tableBody">
            <tr>
                <td>Product 1</td>
                <td class="basisprijs">10.00</td>
                <td class="aantal"><input type="text" name="txtAtl1" value="0" id="txt1"/></td>
                <td class="btw">6</td>
                <td></td>
            </tr>
            <tr>
                <td>Product 2</td>
                <td class="basisprijs">15.00</td>
                <td class="aantal"><input type="text" name="txtAtl2" value="0" id="txt2"/></td>
                <td class="btw">21</td>
                <td></td>
            </tr>
            <tr>
                <td>Product 3</td>
                <td class="basisprijs">12.20</td>
                <td class="aantal"><input type="text" name="txtAtl3" value="0" id="txt3"/></td>
                <td class="btw">21</td>
                <td></td>
            </tr>
            <tr>
                <td>Product 4</td>
                <td class="basisprijs">13.00</td>
                <td class="aantal"><input type="text" name="txtAtl4" value="0" id="txt4"/></td>
                <td class="btw">21</td>
                <td></td>
            </tr>
        </tbody>

Javascript:

$(document).ready(setup);

function setup()
{
$('input').keyup(function refresh(){
    $("#tableBody tr").each(function() {
        $('this td:last-child').html("test");       
    });
});
}
4

2 に答える 2

3

次のようにしてみてください。

$('input').keyup(function refresh(){
    $("#tableBody tr").each(function() {
        $(this).find('td:last-child').html("test");       
    });
});
于 2013-04-12T16:05:16.473 に答える