Question

我需要替换部分HTML标记来显示YouTube视频：

<div class="pretty-embed" data-pe-videoid="IL5AbXBqzwk" data-pe-fitvids="true">&nbsp;</div>

直接链接到YouTube图片，同时保留在data-pe-videoid属性中定义的ID：

<img src="http://img.youtube.com/vi/YiF7e7m2jPo/sddefault.jpg">

如果我分两部分，我需要替换

<div class="pretty-embed" data-pe-videoid="

与

<img src="img.youtube.com/vi

和

" data-pe-fitvids="true">&nbsp;</div>

与

/sddefault.jpg">

我正在寻找使用PHP或jQuery / vanilla JavaScript的解决方案。我试着试验PHP＆amp;正则表达但没有成功。

任何帮助都将不胜感激。

Answer 1

使用jQuery向每个div添加/附加图像的解决方案，因为它不清楚你的意思＆＃34;替换部分html＆＃34;：

(function($) {
  $(function() {
    $('[data-pe-videoid]').each(function() {
      var el = $(this);

      // append img

      el.append($('<img src="http://img.youtube.com/vi/' + el.data('pe-videoid') + '/sddefault.jpg">'));
    });
  });
})(jQuery);

或者替换而不是追加：

el.replaceWith($('<img src="http://img.youtube.com/vi/' + el.data('pe-videoid') + '/sddefault.jpg">'));

用Javascript或PHP替换部分HTML字符串

1 个答案: