jquery - 具有输入元素的包装元素

Question

如何包装具有输入元素的元素

在这种情况下，我想包装<td>标签。

<table>
  <tbody>
  <th>
     <td>
       <input type="text">wrap me please</input>
     </td>
     <td>
        don't wrap me
     </td>
  </th>
  </tbody>
</table>

我现有的 jQuery$('tbody tr td').wrap('<div class="single-field"></div>');

Answer 1

$('input').closest('td').wrap('<div/>');

td将带有 div 标签的输入包装为后代。

Answer 2

$('input').parent().wrap(element);

或者您希望它仅在特定区域（如 div 或表格）中工作。

$('table > input').parent().wrap(element);

Answer 3

尝试这个，

$(function(){
    $('td').each(function(){
        if($(this).find('input'))
        {
            $(this).find('input').wrap('<div id="wrapper" />')
        }
    });
});

小提琴 http://jsfiddle.net/uywmm/