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

2023-04-13 09:58:28 浏览数 (1)

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

jQuery Wrap 函数

比如下面这段 HTML:

代码语言:javascript复制
<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

我们使用 wrap 函数给 classinner 的元素加上 classnew 的 div:

代码语言:javascript复制
$( ".inner" ).wrap( "<div class='new'></div>" );

结果为:

代码语言:javascript复制
<div class="container">
  <div class="new">
    <div class="inner">Hello</div>
  </div>
  <div class="new">
    <div class="inner">Goodbye</div>
  </div>
</div>

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

代码语言:javascript复制
$( ".inner" ).wrap(function() {
  return "<div class='"   $( this ).text()   "'></div>";
});

结果为:

代码语言:javascript复制
<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 中也简单实现相应的版本:

代码语言:javascript复制
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 插件中,并已免费提供下载,简单勾选或者设置下即可开启!

0 人点赞