jQuery-选择：包含，然后更改内容

Question

我下面有这段代码，我试图在没有ID的跨度之前和之后添加html。

我只能使用:contains选择器来选择它。 使用此选择器，如何添加元素？

var tel = $('span:contains("+33 (0)1 02 03 04 05")');
var telText = tel.text();
var newTel = '<a href="#">' + telText + '</a>';
tel.html(newTel);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js">
<span>phone number</span>
<span>+33 (0)1 02 03 04 05</span>

Answer 1

它在这里有效，您只需要在跨度内的文本上使用包含。

var tel = $('span:contains("+33 (0)1 02 03 04 05")');
var telText = tel.text();
var newTel = '<a href="#">' + telText + '</a>';
tel.html(newTel);

console.log(telText)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<span>phone number</span>
<span>+33 (0)1 02 03 04 05</span>