如何使用jQuery在双引号内定位这个破折号html元素？

Posted 2023-02-24

【中文标题】如何使用jQuery在双引号内定位这个破折号html元素？

【英文标题】：How to target this dash html element inside the double quotes using jQuery?

【发布时间】：2017-10-17 20:26:13

【问题描述】：

我很难定位这个破折号，因为我想把它改成 |。 请检查此屏幕截图： 如何定位该行并将其替换为 |？

这是我正在使用的代码，但它不起作用。请帮忙。

$( ".fusion-price-rating .price:contains('–') .woocommerce-Price-amount::after" ).text('|');

【问题讨论】：

不确定是否有区别，但请尝试$(".fusion-price-rating .price:contains(' - ') .woocommerce-Price-amount::after" ).text('|'); 注意字符串中的空格。

感谢您的帮助，但仍然无法正常工作。它说：未捕获的错误：语法错误，无法识别的表达式：.fusion-price-rating .price:contains(' - ') .woocommerce-Price-amount::after

【参考方案1】：

试试这个功能：

$(".woocommerce-Price-amount").text(function () 
    return $(this).text().replace("-", "|"); 
);

【讨论】：

对不起，又是我的错。我用了一个短破折号——而不是一个长破折号——。现在可以了！再次感谢！

【参考方案2】：

试试这个：

var el = $(".fusion-price-rating .price:contains('–')");
el.html(el.html().replace('-', '|'));

【讨论】：

我认为，这会将整个 html 内容替换为 | 内的 price 类？

是的，这就是我不想发生的事情。我只想替换破折号，而不是整个 HTML 内容。这就是它在我的网站上的样子 $2.70 – $33.00。我只希望它像这样：$2.70 | $33.00