Question

如何使用Jquery动态添加值。我希望在Heading7

之后将值附加到Heading8和Heading9

<thead>
    <tr>
        <th>Heading1</th>
        <th>Heading2</th>
        <th>Heading3</th>
        <th>Heading4</th>
        <th>Heading5</th>
        <th>Heading6</th>
        <th>Heading7</th>           
    </tr>
</thead>

Answer 1

使用jQuery append：

//adds new <th> Heading8 after Heading7
$('thead tr').append( $('<th />', {text : 'Heading8'}) )

//adds new <th> Heading9 after Heading8
$('thead tr').append( $('<th />', {text : 'Heading9'}) )

修改的

附加到特定表：

<thead>
  <tr id="selectMe">
    <th>Heading1</th>
    <th>Heading2</th>         
  </tr>
</thead>

然后使用：

$('#selectMe').append( $('<th />', {text : 'Heading3'}) )

Answer 2

只需将其添加到jQuery：

$(document).ready( function() {
    $('table thead th:last-child').after('<th>test</th>');
});

Answer 3

使用以下命令：

$('#tableId').append($('<th />', {text : 'Your Text'}))

如何使用Jquery动态地将th添加到现有th

3 个答案: