替换 HTML 标记中的文本。美丽的汤

Question

您知道是否可以将标签内的文本替换为另一个标签？

例如。在这种情况下：

 <td style="text-align:center;font-size:10px;line-height:10px; width:37px;">--</td>

我正在尝试废弃“td”标签内的信息并用“span”标记，但有些情况下没有标签“span”，这是我要废弃的标签。我想将“td”标签内的字符串“--”替换为：

 <span class="something"></span>

得到这样的东西：

   <td style="text-align:center;font-size:10px;line-height:10px; width:37px;"> <span class="something"></span></td>

我看到可以将一个标签替换为另一个标签，但我不知道这是否可能或如何做到这一点

Answer 1

虽然你的意图不明确，但使用简单的jQuery就可以达到效果。

$('td').html("<span class='something'></span>");

如果您想要将td 中的所有内容放入一个新的span，

var currentText = $('td').html();
$('td').html("<span class='something'>" + currentText +"</span>");

这将改变

<td style="...">Hello</td>

进入

<td style="..."><span class="something">Hello</span></td>

希望你能得到答案。

---

编辑：

此示例适用于其中有 td 元素的场景，其中包含和不包含 span 元素。此代码在修改之前检查 td 内是否有任何直接子 span。

$("td").each(function(index) {
    if($(this).find('> span').length == 0){
        var currentText = $(this).html();
        $(this).html("<span class='something'>" + currentText +"</span>");
    }
});

在python中，使用pyquery包或者等价物来操作html/xml，达到同样的效果。

Answer 2

<td style="text-align:center;font-size:10px;line-height:10px; width:37px;">--</td>

在这个TD标签中添加id，然后

document.getElementById("td_id").innerHTML = "<span>your items</span>";