javascript如何从tbody表中删除加载gif

时间:2014-01-27 23:58:15

标签: javascript jquery

我正在向这个tbody添加带有javascript的行

<div id="listingContainer"><div id="listing"><table class="table table-hover table-striped" id="listingTable"><tbody id="places"><img src="images/loading.gif"></tbody></table></div></div>

我试过了:

$("#places").html('');

但是正在添加

http://jsfiddle.net/sebababi/2JTPD/

3 个答案:

答案 0 :(得分:3)

它不起作用

tbody不接受img标记作为子元素。

这是有效table标记的示例。因此采取行动

<table>
  <tbody>
    <tr>
      <td id="places">
         <img src="loading.gif">
      </td>
    </tr>
  </tbody>
</table>

注意: tbody不是必需的

答案 1 :(得分:2)

首先,您需要将<img>标记放在<td>标记内。然后使用remove();删除图像,如下所示:

HTML:

<tbody id="places">
    <tr>
        <td>
            <img src=".../loading.gif">
        </td>
    </tr>
</tbody>

jQuery的:

$("#places img").remove();

这是小提琴:http://jsfiddle.net/2JTPD/29/

答案 2 :(得分:0)

寻找这样的东西?

http://jsfiddle.net/chace/2JTPD/28/

window.setTimeout(blahFunc,5000)

function blahFunc() {
    $("#places").html('done');
}