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/

包含具有输入元素的元素

3 个答案: