3

私はjqueryを初めて使用するので、これがばかげた質問である場合は申し訳ありません...

$('#sortList tr').each(function()
{
    i = $(this).index();
    v = $(this).find('td:first').text();
    n = $(this).find('td:first').html();  
});

テーブルの行をループして、各行のインデックスと、各行の最初のセルのテキストと html を取得します。すべて正常に動作します。次に、次の行でも同じ結果を取得しようとすると、次のようになります...

これはうまくいきます...j = $(this).next().index();

しかし、これは失敗します...v = $(this).next().find('td:first').text();

そしてこれは失敗します...n = $(this).next().find('td:first').html();

両方とも機能する場合$(this)、なぜ機能しないのですか? どちらもへのポインタではありませんか？ $(this).next()index()find()tr

<table border="0" cellspacing="0" cellpadding="0" id="sortList" class="pagetext" width="200">
    <tr>
        <td align='left'><a href="Javascript:;;" OnClick="Javascript:Link_OnClick('ACCRUAL','Accrual');return false;">Accrual</a></td>
    </tr>
    <tr>
        <td align='left'><a href="Javascript:;;" OnClick="Javascript:Link_OnClick('EETAXES','Employee - Taxes');return false;">Employee - Taxes</a></td>
    </tr>
    <tr>
        <td align='left'><a href="Javascript:;;" OnClick="Javascript:Link_OnClick('EMPVOLDEDS','Employee - Voluntary Deductions');return false;">Employee - Voluntary Deductions</a></td>
    </tr>
    <tr>
        <td align='left'><a href="Javascript:;;" OnClick="Javascript:Link_OnClick('ERMATCH','Employer - 401(k) Match');return false;">Employer - 401(k) Match</a></td>
    </tr>
    <tr>
        <td align='left'><a href="Javascript:;;" OnClick="Javascript:Link_OnClick('ERTAXES','Employer - Taxes');return false;">Employer - Taxes</a></td>
    </tr>
    <tr>
        <td align='left'><a href="Javascript:;;" OnClick="Javascript:Link_OnClick('GTL','Group Term Life');return false;">Group Term Life</a></td>
    </tr>
    <tr>
        <td align='left'><a href="Javascript:;;" OnClick="Javascript:Link_OnClick('MISC','Miscellaneous');return false;">Miscellaneous</a></td>
    </tr>
    <tr>
        <td align='left'><a href="Javascript:;;" OnClick="Javascript:Link_OnClick('NETPAY','Net Payroll');return false;">Net Payroll</a></td>
    </tr>
    <tr>
        <td align='left'><a href="Javascript:;;" OnClick="Javascript:Link_OnClick('TAXFILEE','Tax Filing - Employee Taxes');return false;">Tax Filing - Employee Taxes</a></td>
    </tr>
    <tr>
        <td align='left'><a href="Javascript:;;" OnClick="Javascript:Link_OnClick('TAXFILER','Tax Filing - Employer Taxes');return false;">Tax Filing - Employer Taxes</a></td>
    </tr>
    <tr>
        <td align='left'><a href="Javascript:;;" OnClick="Javascript:Link_OnClick('TPCORTAX','Third Party Checks or Tax Checks');return false;">Third Party Checks or Tax Checks</a></td>
    </tr>
    <tr>
        <td align='left'><a href="Javascript:;;" OnClick="Javascript:Link_OnClick('TPS','Third Party Sick');return false;">Third Party Sick</a></td>
    </tr>
    <tr>
        <td align='left'><a href="Javascript:;;" OnClick="Javascript:Link_OnClick('WAGE','Wage');return false;">Wage</a></td>
    </tr>
</table>
4

1 に答える 1

0

コードの何が問題なのかわかりませんが、この整理されたバージョンは機能します:

$('#sortList tr').each(function(rowIndex) {
    var $row = $(this),
        $nextRow = $row.next(),
        $td, j, v, n;

    $td = $row.find('td:first');
    j = rowIndex;
    v = $td.text();
    n = $td.html();

    console.log('this row: ' + j + '\t' + v + '\t' + n);

    if ($nextRow.length > 0) {
        $td = $nextRow.find('td:first');
        j = rowIndex + 1; // duh?
        v = $td.text();
        n = $td.html();
        console.log('next row: ' + j + '\t' + v + '\t' + n);
    }

});

http://jsfiddle.net/VxSZf/2/

于 2013-04-11T22:04:12.097 に答える