使用 PHP 将类添加到 html 元素答案

【问题标题】：Add class to html element with PHP使用 PHP 将类添加到 html 元素
【发布时间】：2011-09-09 12:42:04
【问题描述】：

是否有一种简单的方法可以将 div 类“entry-content”中的任何 h2 元素自动包装到另一个 div 类“entry-header”中

所以最终结果看起来像：

<div class="entry-content">
  <div class="entry-header">
    <h2>Some Title</h2>
  </div>
</div>

我认为这可以通过 PHP 完成，但我不确定。感谢您的任何意见！

【问题讨论】：

FWIW，我在 Wordpress 中使用它，并将从 WordPress GUI 中将文本放入 h2 元素中，因此 PHP 脚本必须在项目发布后工作。
div 中还有其他内容吗？如果没有，为什么不直接使用 CSS 来定义您希望 h2 标头的外观？
实际上尝试使用两种不同的背景样式。一个用于 h2，然后一个用于 div 类“条目标题”

标签： php html wordpress

【解决方案1】：

就 wordpress 而言，我可能会创建一个短代码，例如

[header]Some Title[/header]

我会让短代码获取内容并将给定的代码包装在它周围。

在此处查看一些文档：http://codex.wordpress.org/Shortcode_API

【讨论】：

【解决方案2】：

丑一：

$content = str_replace('<div class="entry-content">', '<div class="entry-content"><div class="entry-header">', $content);
$content = str_replace('</h2>', '</h2></div>', $content);

【讨论】：

我同意。另外，同样的事情可以通过 JavaScript 的 replace() 函数来完成。

【解决方案3】：

你能在原型中做到吗？这将是我的简单解决方案：

var div = $('entry-content');

$(div).insert ({'top'  : '<div class="entry-header">'} );
$(div).insert ({'bottom'  : '</div>'} );

也许我错过了什么:)

【讨论】：

我如何将其仅应用于该 div entry-content 中的
s？
var h2 = $$('entry-content h2');$(h2).insert ({'before' : '<div class="entry-header">'} );$(h2).insert ({'after' : '</div>'} );

s？