使用JQuery追加一些文本到每個表頭（th）

-1

我想添加一些內部每個th。表頭是動態的生成依賴於數據庫列使用JQuery追加一些文本到每個表頭（th）

這是我有：

<table id="dynamic_id" class="table table-striped table-bordered"> 
    <thead> 
     <tr> 
      <th>Company Name</th> 
      <th>Email</th> 
      <th>Mobile</th> 
      <th>Address</th> 
     </tr> 

    </thead> 
    <tbody> 
     //body goes here 
    </tbody> 

    </tbody> 
</table>

什麼是ready事件使用jQuery期待。

<th>Company Name 
      <span class="js-sorter-desc fa fa-chevron-down pull-right"></span> 
      <span class="js-sorter-asc fa fa-chevron-up pull-right"></span> 
</th>

這應該是適用於每一個釷..

<span class="js-sorter-desc fa fa-chevron-down pull-right"></span> 
<span class="js-sorter-asc fa fa-chevron-up pull-right">

來源

2017-09-13 javaignite.com

http://api.jquery.com/append –

歡迎堆棧溢出！請[參觀]，環顧四周，並通讀[幫助]，尤其是[*我如何提出一個好問題？]（/幫助/如何問）做你的研究，包括看通過[jQuery API]（http://api.jquery.com），並嘗試完成這項工作。 **如果**在現場進行了更徹底的研究和[搜索]（/幫助/搜索）後遇到*特定*問題，如果無法解決問題，請將您的嘗試與您遇到的麻煩一起發佈用它。人們會很樂意提供幫助。 –

如果表格是動態的，那麼計算列的數量，然後在每個內部使用 –

你必須使用appendjQuery的方法。

此外，使用find方法，以獲得全部thDOM元素。

$('.table.table-striped').find('thead tr th').append('<span class="js-sorter-desc fa fa-chevron-down pull-right"></span><span class="js-sorter-asc fa fa-chevron-up pull-right"></span>'); 
 
console.log($('.table.table-striped').html());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id="dynamic_id" class="table table-striped table-bordered"> 
 
    <thead> 
 
     <tr> 
 
      <th>Company Name</th> 
 
      <th>Email</th> 
 
      <th>Mobile</th> 
 
      <th>Address</th> 
 
     </tr> 
 

 
    </thead> 
 
    <tbody> 
 
     //body goes here 
 
    </tbody> 
 
</table>

來源

2017-09-13 12:29:41

你不需要'each（）'在這裏 –

@RoryMcCrossan，謝謝你的觀點！更新。 –

試試這個：

$(document).ready(function(){ 
    $('table').find('th')append('<span class="js-sorter-desc fa fa-chevron-down pull-right"></span><span class="js-sorter-asc fa fa-chevron-up pull-right">'); 
});

來源

2017-09-13 12:30:06

這裏你不需要'each（）'。還有一點就是'id'是在運行時動態生成的，所以選擇它可能不起作用。 –

謝謝@RoryMcCrossan，我已經更新了我的答案。我已經使用'each'來獲得動態代碼。我知道，因爲他想增加所有''，所以我們可以簡單地把它當作選擇器。 –

我不知道這是什麼意思，但你仍然不需要'each（）''dynamic'或不是 –

使用JQuery追加一些文本到每個表頭（th）

回答

相關問題