刪除內容<th>

-1

我是新來的javascript/jquery。我有一個表有索引列（0,1,2,3等）。我想用javascript來刪除表格的那部分。我嘗試使用after（）和replaceWith（），但不能真正把它做好。刪除內容<th>

css類是.jobStats。我只想在下面的代碼中刪除th標籤的內容。

<tr> 
    <th>0 </th> 
    <td> 2015-06-02</td> 
    <td>    ARCA</td> 
    <td> FAILED</td> 
    <td>2015-06-03 10:30:51.573000</td> 
    <td>    NaT</td> 
    <td>    NaT</td> 
    <td> NaN</td> 
    <td> NaN</td> 
    <td>  NaN</td> 
    <td> 8704</td> 
    <td> 223226518</td> 
    <td> NaN</td> 
    <td> NaN</td> 
</tr>

有關我如何實現這一點的任何想法？

在此先感謝！

來源

2015-06-03 Himanshu Gupta

'$（ '日'）。remove（）方法'的 –

可能重複[如何銷燬jQuery的DOM元素？] （http://stackoverflow.com/questions/1391793/how-to-destroy-a-dom-element-with-jquery） –

只需使用remove()

$('.jobStats').remove();

如果您想保留.jobStats並希望刪除其子，使用empty()

$('.jobStats').empty();

更新

我只是想去掉th標籤的內容在桌子裏。

$('th').empty();

將刪除都兒童和文本

此方法刪除，不僅孩子（和其他後裔）元素，但也可以是任何文字

來源

2015-06-03 15:12:03 AmmarCSE

我只想刪除表中th標籤的內容。但是，問題是，當我刪除它，它也刪除標題。我也試過這個： $（'tbody th'）。remove（）但是這會扭曲標題，因爲索引列仍有空間。 $（'tbody th'）。empty（）看起來更好 –

@HimanshuGupta，看我更新的答案 – AmmarCSE

謝謝！它訣竅！ –

您可以使用empty()

$(".jobStats").empty();

從docs

取出一套從DOM匹配元素的所有子節點。

來源

2015-06-03 15:12:40 Zee

正如已經有人說的.remove（）做的工作，但記住.detach（）作爲.remove（）也刪除事件處理程序（如點擊，雙擊等），並分離僅刪除它來自DOM，但留下了事件，所以你現在可以分離它，並在以後再次發生，事件完好無損。

來源

2015-06-03 15:17:31 HadesDX

你可以這樣做只是通過

$("#yourElementID").remove(); 

$(".yourClass").remove(); 

$("yourHTMLelement").remove();

希望這有助於

來源

2015-06-03 15:17:34 Alex

回答

相關問題