jQuery函数查找和替换

前端之家收集整理的这篇文章主要介绍了jQuery函数查找和替换前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我当前使用以下脚本来查找和替换我网站上的文本.
$("#content #tablelabel p").text(function (_,ctx) { return ctx.replace("Check In","入住"); });

但是有数百个单词需要查找和替换.其中一些共享相同的CSS路径.你能告诉我如何优化该脚本并创建一个函数来传递CSS路径和单词来查找和替换所以我可以消除重复相同的脚本吗?

也可以通过替换文本传递多个单词来查找.没有写作的例子

$("#content #tablelabel p").text(function (_,ctx) { return ctx.replace("Room Type","入住"); });
$("#content #tablelabel p").text(function (_,ctx) { return ctx.replace("Guests","退房"); });

我能这样做吗?

$("#content #tablelabel p").text(function (_,ctx) { return ctx.replace({'Room Type': '房间类型','Guests': '房间类型'}); });

谢谢

解决方法

您可以迭代一个对象,替换它中的所有值
var tags = {
  'Room Type': '入住','Guests': '退房'
};
$("#content #tablelabel p").text(function(_,ctx) {
  $.each(tags,function(tag,text) {
    ctx = ctx.replace(tag,text);
  })
  return ctx;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="content">
  <div id="tablelabel">
    <p>Room Type</p>
    <p>Guests</p>
  </div>
</div>
原文链接:https://www.f2er.com/jquery/177917.html

猜你在找的jQuery相关文章