Question

我有一个htr格式的tr td。现在我想得到tr的html，其id是table_structure.And我想得到id的非常具体的html。我想得到最后3 td html通过使用jquery。我们怎么能得到这个。请帮助我

HTML：

 <table id="chargeshtml" style ="display:none">
    <tr class="inputstr">
        <td style="font-size:12px">Code</td>
        <td>
            <input type="text" id="code" name="code" value=""/>
        </td>
        <td style="font-size:12px">Charges </td>
        <td>
            <input type="text" id="charges_id" name="charges" value=""/>
        </td>
        <td style="font-size:12px">Adt Charges </td>
        <td>
            <input type="text" id="adt_charges" name="adt_charges" value=""/>
        </td>
        <td style="font-size:12px">Chd Charges </td>
        <td>
            <input type="text" id="chd_charges" name="chd_charges" value=""/>
        </td>
    </tr>
    <tr class="chktr">
        <td>
            <input type="checkbox" name="chk" id="chk" value="Checked" >Cheked </br>
        </td>
    </tr>
</table>

点击chk我想从上面的

获取此HTML

<td style="font-size:12px">Charges </td>
        <td>
            <input type="text" id="charges_id" name="charges" value=""/>
        </td>
        <td style="font-size:12px">Adt Charges </td>
        <td>
            <input type="text" id="adt_charges" name="adt_charges" value=""/>
        </td>
        <td style="font-size:12px">Chd Charges </td>
        <td>
            <input type="text" id="chd_charges" name="chd_charges" value=""/>
        </td>

Answer 1

尝试，

$('#table_structure td:gt(1)').each(function(){
  console.log($(this).html());
});

DEMO

var xHtml = $('#table_structure td:gt(1)').map(function(){
                return $(this).html();
            }).get().join('');

DEMO I

根据您的新请求和新的html结构，我只是编写了一些代码并构建了一个演示，只需检查here和here

Answer 2

您可以使用slice(-3)获取最后三个TD，无论有多少，

$('#table_structure td').slice(-3);

FIDDLE

修改

根据编辑过的问题，您可以获得这样的标记

$('.inputstr td').slice(-6).map(function() { return this.outerHTML; }).get().join('');

FIDDLE

Answer 3

试试：

$('#table_structure td:gt(-4)');

它返回表格中的最后3个td元素。

http://jsfiddle.net/arKSB/

Answer 4

看看这个小提琴我希望它能找到你想要的东西。

fiddle

var html = $('table').find($('tr#table_structure')).html();
console.log(html);

Answer 5

如果您需要最后六个<td>作为jQuery对象，请使用@ adeneo的答案。如果你需要HTML作为字符串，你可以使用它（没有jQuery）：

/* mark-up of last six cells (including '<td>') as string: */
html = Array.prototype
          .slice(document.getElementById('table_structure').cells, -6)
          .map(function(td) { return td.outerHTML(); })
          .join('');

（编辑：将-3替换为 -6 ，因为更新的问题表明了这一点。）

获取TR的html

5 个答案:

DEMO

DEMO I