如何替换 noscript（wordpress）中的值？答案

【问题标题】：How to replace value in noscript (wordpress)?如何替换 noscript（wordpress）中的值？
【发布时间】：2021-08-10 10:10:50
【问题描述】：

我需要替换 noscript 中的值。
我尝试了以下代码，但它没有替换该值。
请告诉我如何修复代码？

我试过了：

jQuery("ls-slot-shortcode_actions a noscript").replaceWith("width=42");

现有代码：

<li class="ls-slot-shortcode_actions">
     <a href="https://www.myhome.com">
          <img scr="https://www.myhome.com/img/cco.png">
          <noscript>
             "<img width="18" height="12" class="ls-flag" src="https://www.myhome.com/img/cco.png" >"
          </noscript>
     </a>
</li>

谢谢。

【问题讨论】：

试试 jQuery(".ls-slot-shortcode_actions a noscript img").width("42");
您好：感谢您对 Kashif 的帮助。我试了一下，它添加了 style="width: 42px;"，并没有改变 img 中的 width="18"。

标签： jquery wordpress replace default-value

【解决方案1】：

这段代码完成了这项工作：

let selector = $(".ls-slot-shortcode_actions a noscript");
let txt = selector.text();

console.log("before modification:" + txt)

let newtxt = txt.replace(/width=".*?"/, 'width="42"');
selector.text(newtxt);

console.log("after modification:" + selector.text())

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<li class="ls-slot-shortcode_actions">
  <a href="https://www.myhome.com">
    <img scr="https://www.myhome.com/img/cco.png">
    <noscript>
             "<img width="18" height="12" class="ls-flag" src="https://www.myhome.com/img/cco.png" >"
          </noscript>
  </a>
</li>

如果你有更多的行，而你想只保留一个，你可以这样做：

let selector = $(".ls-slot-shortcode_actions a noscript");
let txt = selector.text();

console.log("before modification:" + txt)

let newtxt = txt.replace(/width=".*?"/g, 'width="xx"');
newtxt = newtxt.replace(/width="xx"/, 'width="42"');
newtxt = newtxt.replace(/"<img width=.xx. .+>"/g, "");
selector.text(newtxt);

console.log("after modification:" + selector.text())

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<li class="ls-slot-shortcode_actions">
  <a href="https://www.myhome.com">
    <img scr="https://www.myhome.com/img/cco.png">
    <noscript>
             "<img width="18" height="12" class="ls-flag" src="https://www.myhome.com/img/cco.png" >"
             "<img width="18" height="12" class="ls-flag" src="https://www.myhome.com/img/cco.png" >"
             "<img width="18" height="12" class="ls-flag" src="https://www.myhome.com/img/cco.png" >"
             "<img width="18" height="12" class="ls-flag" src="https://www.myhome.com/img/cco.png" >"             
          </noscript>
  </a>
</li>

【讨论】：

您好 Frenchy：感谢您的帮助。它会更改数字，但也会创建重复项。所以，现在有 3 行 => "myhome.com/img/cco.png" >""myhome.com/img/cco.png" >" "myhome.com/img/cco.png" >"。如果可能的话，请告诉我如何解决这个问题？再次感谢:)
不是我的代码重复了这些行..你可以在我的 sn-p 中看到 .. 控制台显示修改前后.. 或者你已经有了 3 行，请检查我的代码关于console.log ..我添加了一个代码来删除不需要的行..
您好 Frenchy：哦，哇，非常感谢您的支持帮助。你帮了大忙，我从你身上学到了很多。祝你周日愉快：）