在第一个单元格中换行文本

Question

我需要将表格的第一列中的文本标签包装成一个范围。这看起来非常简单，但我似乎错过了一些东西。这是我尝试过的：

$('#myTable tr td:first-child').each(function() {
    var lbl = $(this).val();
    lbl.wrap('<span class="new" />');
}); 

Answer 1

这是一个td而你正在包装文本..所以使用contents() - val是输入

$('#myTable tr td:first-child').each(function() {
    var lbl = $(this).contents();
    lbl.wrapAll('<span class="new"></span>');
}); 

或者你可以使用wrapInner() - 它与上面的内容相同

$('#myTable tr td:first-child').each(function() {
    $(this).wrapInner('<span class="new"></span>');
}); 

哎呀，你甚至不必循环..只是做

$('#myTable tr td:first-child').wrapInner('<span class="new"></span>');

http://jsfiddle.net/wirey00/UcJ49/

Answer 2

var lbl = $(this).val();
alrtLbl.wrap('<span class="new" />');

应该是

var lbl = $(this).contents();
lbl.wrap('<span class="new" />');