我可以只选择此代码中的文本/标签并在其周围打上标签吗?

时间:2012-01-27 16:18:37

标签: javascript jquery

好的,所以我在这里处理一个CMS系统,它生成了很棒的(非)代码。我无法改变代码/内容的生成方式,但我可以添加自己的JavaScript / jQuery代码来重写生成的内容。我正在看一个看起来像这样的表格......

<table>
    <tr>
        <td>
            First Name<br><input id="first_name_field" name="first_name" value="" type="text">
        </td>
    </tr>
    <tr>
        <td>
            State/Province/Region<br><div id="regstatediv_187"><select name="state" id="state_field" class="inputbox"><option value=" ">Select State/Province/Region</option><option value="ALA">Alabama</option>...</select></div>
        </td>
    </tr>
</table>

我一直在使用jQuery中的html()和text()函数,到目前为止找不到只选择文本“label”的方法,然后将其包装并将其写回,而不会破坏进程中的表单字段。有什么建议吗?

谢谢!

1 个答案:

答案 0 :(得分:3)

试试这个

$('table td').contents().filter(function() {
    return this.nodeType == 3;
}).wrap('<span class="label" />');//use any markup you want to wrap with

<强> Demo