javascript - 我可以仅从此代码中选择文本/标签并在其周围包装一个标签吗？

Question

好的，所以我在这里处理一个 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() 函数，到目前为止还找不到一种方法来仅选择文本“标签”，然后将其包装并写回，而不会在此过程中破坏表单字段.有什么建议吗？

谢谢!

Answer 1

试试这个

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

Demo