javascript - 使用 jquery 识别文本并将其加热到容器内

Question

这是代码

<form method="get" name="form_delivery">

  Please select country for delivery<br>

  <select name="deliverymethod">
    <option value="0" selected="selected">Select country / region</option>
    <option value="1">UK (incl. Northern Ireland)</option>
    <option value="8">Australia</option>
    <option value="9">New Zealand</option>
  </select>

</form>

我需要识别文本“请选择送货国家/地区”并将其像“跨度”一样包裹在容器周围并替换包裹的文本

<form method="get" name="form_delivery">

   <span>Please select country for delivery</span><br>

此代码由自动服务器生成，我只能访问 HTML 模板，因此 Jquery 是动态修改的唯一选择。

有什么想法吗？

Answer 1

这里有两个解决方案:

1:如果您对表单的其他元素没有任何绑定(bind)，则只需替换 HTML 即可:

$('form').html(function(_,h){
     var t = "Please select country for delivery";
     return h.replace(t, '<span>'+t+'</span>');
});

2: 如果您有绑定(bind)，则不能这样做，因为这会删除所有元素，您需要干净地执行此操作，而不是修改其他元素。您可以使用像我自己的库一样的库 groumf :

Groumf.replaceTextWithHTMLInHTML(document.body, t, function(s){
    return '<span>'+t+'</span>'
});