jquery - 如何使用 Jquery 替换整个 HTML 页面中的占位符？

Question

我有一个 HTML 演示页面，其中包含一个占位符“||client||”。它在整个页面中使用，例如:

<img src="images/||_client_||/img1.jpg" />

或

<title>||_client_|| Demo</title>

等等。

我想在页面加载后用相应的客户端 ID 全局替换占位符。该页面仅用于演示目的，因此我不想在服务器端设置任何内容。

我对此有约束力:

 $('div:jqmData(role="page")').on('pagebeforecreate', function() {  
  // replace ||_client_|| with some ID      
  });

问题:
是否有一种 Jquery 方法可以通过 DOM 运行并找到我的占位符的所有实例并替换它们，或者我是否必须手动执行每个实例并查找所有 img 标签，检查 src 中的子字符串并替换该子字符串？一定有更好的方法吗？

感谢您的帮助!

Answer 1

您可以滚动浏览每个 <img />页面上的对象，只需进行搜索/替换即可。

$('div:jqmData(role="page")').on('pagebeforecreate', function() { 

    $('img').each(function(){
        var newVal = $(this).attr('src').replace('||_client_||', theClientId);
        $(this).attr('src', newVal);
    });

});

而不是使用 $('img') ，但是，我建议改进选择器以仅循环遍历特定 div $('#theDiv img') 中的图像。或某个类别的 $('img.placeholder') .类选项可能是最好的。您只需要添加 class="placeholder"到您想要循环播放的每张图片。