在 WordPress 中实现 PHP 版本的 wrap 函数

Denis

发布于 2023-04-13 09:58:28

58300

代码可运行

文章被收录于专栏：WordPress果酱WordPress果酱

运行总次数：0

代码可运行

jQuery 有个 wrap 函数，可以使用指定的 HTML 元素来包裹每个被选元素。

jQuery Wrap 函数

比如下面这段 HTML：

<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

我们使用 wrap 函数给 class 为 inner 的元素加上 class 为 new 的 div：

$( ".inner" ).wrap( "<div class='new'></div>" );

结果为：

<div class="container">
  <div class="new">
    <div class="inner">Hello</div>
  </div>
  <div class="new">
    <div class="inner">Goodbye</div>
  </div>
</div>

wrap 函数也支持回调函数作为参数：

$( ".inner" ).wrap(function() {
  return "<div class='" + $( this ).text() + "'></div>";
});

结果为：

<div class="container">
  <div class="Hello">
    <div class="inner">Hello</div>
  </div>
  <div class="Goodbye">
    <div class="inner">Goodbye</div>
  </div>
</div>

PHP 版本 Wrap 函数

jQuery 的 wrap 函数非常好用，所以我在 PHP 中也简单实现相应的版本：

function wpjam_wrap($text, $wrap){
	$pos	= strpos($wrap, '></');

	if($pos !== false){
		return substr_replace($wrap, '>'.$text.'</', $pos, 3);
	}elseif(is_callable($wrap)){
		return call_user_func_array($wrap, $text);
	}

	return $text;
}

该功能已经整合到 WPJAM Basic 插件中，并已免费提供下载，简单勾选或者设置下即可开启！

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

php