0

チーム、

jqueryを使ってセルを更新する方法を教えてください。

<table id='lop'>
    <thead id='loph'>
        <tr>
            <td class='type'>Type</td>
            <td class='name'>Name</td>
        </tr>
    </thead>
    <tbody id='lopb'>
        <tr id='1'>
            <td class='type'>W</td>
            <td class='name'>ZZZ</td> 
        <tr>
        <tr id='2'>
            <td class='type'>W</td>
            <td class='name'>YYY</td> 
        <tr>        
    </tbody>
</table>

2行目の名前をYYYからXXXに更新したいです。
答えは、jquery の使用中に番号/順序に基づくのではなく、html で使用される ID とクラス名に基づく必要があります。

また、以下の解決策は機能しません。

$('#lop #2 .name').html('XXX')  //Working

の場合

var rowID = '#2';
$('#lop rowID .name').html('XXX') //Not Working
4

8 に答える 8

4

html メソッドを使用してコードを更新するこのコードを試してください。

$('#lop #2 .name').html('XXX')

このフィドルを見ることができます：http://jsfiddle.net/cWQRY/

変数でやりたい場合は、次のコードを試すことができます：

var rowID = '#2';
$('#lop '+rowID+' .name').html('XXX')
于 2013-07-22T11:15:15.687 に答える
3

IDは文字列を使用するため、整数を使用しないでください..

 <tr id='id2'>

どうして：

1) W3C 仕様に違反しています。

2) SEOに不利です。

3) サーバー側のスクリプトの問題が発生する可能性があります

jquery

$('#id2 .name').text('XXX')
于 2013-07-22T11:16:32.607 に答える
0 
Try this:

* {
    font-family:Consolas
}

.editableTable {
    border:solid 1px;
    width:100%
}

.editableTable td {
    border:solid 1px;
}

.editableTable .cellEditing {
    padding: 0;
}

.editableTable .cellEditing input[type=text]{
    width:100%;
    border:0;
    background-color:rgb(255,253,210); 
}

Example: http://mrbool.com/how-to-create-an-editable-html-table-with-jquery/27425
于 2013-07-22T11:23:48.850 に答える
0

これを試して：

$('#2 .name).text('XXX');
于 2013-07-22T11:16:44.017 に答える