隐藏标题中的引号

Posted 2023-02-24

【中文标题】隐藏标题中的引号

【英文标题】：Hide quotes from a title

【发布时间】：2019-07-04 02:59:09

【问题描述】：

我需要禁止引用“mytitleinaquote”中的引号，但不知道该怎么做。

这是一个示例：

<p class="cff-post-text"><span class="cff-text" data-color=""><b style="font-size: 22px">"mytitleinaquote"</b><br> <br> The text begins here...</span></p>

这是我尝试过的：

jQuery ( document ).ready(function() 
  jQuery("span.cff-text").each(function() 
    var x = jQuery(this).text();
    x = x.replace('/"', '');
  );
);  

肯定不行，如何改进代码？ 感谢您的帮助，

【参考方案1】：

如果你可以使用b 作为你的选择器，那么：

jQuery($ =>  // DOM ready and $ alias in scope

  $("span.cff-text b").text((i, v) => v.replace(/"/g, ''));
  
);  

<p class="cff-post-text"><span class="cff-text" data-color=""><b style="font-size: 22px">"mytitleinaquote"</b><br> <br> The text begins here...</span></p>

<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>

PS：不要使用内联style。使标记变得笨拙，在某些情况下甚至会引发 unsafe-inline 标志。相反，使用 CSS：

.cff-post-text b font-size: 22px;

PS2。为了防止闪烁内容并由于 DOM content 的变化而强制浏览器重新布局和重新绘制 - 我会考虑删除这些引号 server-side , 在页面到达浏览器之前。

【讨论】：

感谢您的帮助，它正在工作...我将粗体样式嵌入到 jQuery 中，因为 CSS 无法修改 Facebook RSS 通量中的样式。