如何使用jquery刪除td標記中的內容

Question

我有一個表定義的

<table>
  <tr>
    <td>
       <input type='text' />
    </td>
    <td>
      <button id ='first'>Button</button>
    </td>
    <td>
      <input type='text' />
   </td>
 </tr>

$("#first").live('click',function(){
    $(this).prev().remove();
    $(this).remove();
});

如何刪除td中的前一個元素。 但我不想刪除td

Answer 1

如果要刪除前一個TD的完整內容（而不是特定的INPUT元素），這將起作用：

$(document).on("click", "#first", function() {
    $(this).closest("td").prev().empty();
});

Answer 2

http://jsfiddle.net/sfHBn/1/

$(document).on("click", "#first", function() {
    $(this).closest("td").prev().html("");
});

這將刪除先前td標記中的所有內容。

Answer 3

你應該上DOM樹，直到父<td> ，然后得到前面的<td> ，在里面找到<input>並刪除它。 你應該on()使用事件委托而不是不贊成使用live() ：

$(document).on("click", "#first", function() {
    $(this).closest("td").prev().find("input").remove();
});

請注意，您可以使用#first任何其他靜態父元素代替document 。

Answer 4

這是實現的一個班輪。

     $(this).closest("td").prev().remove();

Answer 5

我建議您使用.on()因為.live()現在已從jQuery版本1.9+中刪除：

$(document).on('click', "#first", function(){
   $(this).closest('td').prev().children().remove();
});

單擊#first按鈕並轉到.closest() <td>並獲取.prev()元素，該元素是<td> ，然后.remove()其.children() 。