2016-11-07 3 views
1

У меня есть предопределенный пустой стол. В моем вызове Ajax я заполняю его необходимыми данными. Когда пользователи пытаются запросить новую информацию, мне нужно очистить данные от ячеек, но оставить структуру строк и ячеек.Как очистить данные только от ячеек таблицы с помощью JQuery?

например .remove() и empty() не работают для меня, поскольку он удаляет все строки.

Я пробовал $("#tblManifest tbody tr td").innerHTML="", но это не сработало. Мне нужно только очистить данные ячейки от тела.

+0

'.empty' должен работать с селектором - возможно, вы делаете что-то неправильно в коде, вы не показывая –

+1

Ниже ответы правильны. Но я комментирую здесь, чтобы обновить вас. Вы были на правильном пути, но вам не хватает небольшой порции. Строка должна быть '$ (" tblManifest tbody tr td ") [0] .innerHtml =" ".' Селектор J-Query возвращает массив объектов, а не один объект. –

ответ

2

Вам действительно нужно прочитать руководство. Ниже код будет работать:

$("#tblManifest tbody tr td").html("");  // Or 
$("#tblManifest tbody tr td").html(" "); // Add a non-breaking space. (Recommended) 
$("#tblManifest tbody tr td").empty();   // This 
+0

. Пустой должен работать тоже, ОП говорит, что нет! –

+0

@JaromandaX Вот что я дал. –

+1

Я вижу, что вы добавили .пути, так как я прокомментировал: p Wiggle 5: p –

0

Пробовали ли вы:

$("#tblManifest tbody tr td").html(""); 

Или

$("#tblManifest tbody tr td").html(" "); 

?

0

Я пытался $ ("# tblManifest TBODY тр тд"). InnerHTML = "", но это не работы.

$("#tblManifest tbody tr td") дает объект JQuery и не РОМ непосредственно, так innerHTML не свойство работать.

Как другие уже разместил решение, но все-таки это то, что вы можете дать попробовать:

$("#tblManifest tbody td").text(''); 
2

Может ли это возможным решением

<table id="tblManifest"> 
<thead> 
    <tr> 
     <td>Name</td> 
     <td>Age</td> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>Jai</td> 
     <td>71</td> 
    </tr> 
    <tr> 
     <td>Veeru</td> 
     <td>72</td> 
    </tr> 
    </tbody> 
</table> 
<div id="btnContainer"> 
    <Button id='btn'>Click me for empty</Button> 
</div> 

    $('#btn').on('click',function(e){ 
    var tbl = $("table#tblManifest > tbody > tr"); 
    $(tbl).each(function(index,value){ 
    $(value).find('td').empty() 
    }) 
}) 

Я просто пробегаем по таблице elment и опорожните их.

Jsfiddle is here

Смежные вопросы