将h3类更改为h2类的脚本

时间:2017-02-10 22:46:16

标签: php

主题的php文件中有一些代码需要变成h2而不是h3。我无法使用子主题执行此操作,因为它位于包含文件中。

这是我想要改变的代码片段:

$ret .= '<div class="gdlr-item-title-wrapper gdlr-item ' . $item_class . ' ">';

                $ret .= '<div class="gdlr-item-title-head">';
                if(!empty($atts['title'])){
                    $ret .= '<h3 class="gdlr-item-title gdlr-skin-title gdlr-skin-border">' . $atts['title'] . '</h3>';
                }
                if( !empty($atts['carousel']) ){
                    $ret .= '<div class="gdlr-item-title-carousel" >';
                    $ret .= '<i class="icon-angle-left gdlr-flex-prev"></i>';
                    $ret .= '<i class="icon-angle-right gdlr-flex-next"></i>';
                    $ret .= '</div>';
                }

我一直在寻找一种方法来做到这一点。我读到了一些事情,并认为这可能有用。但我担心它对我来说还不起作用。我做错了吗?

<script>
jQuery(document).ready(function(){
  $(function () {
            $("gdlr-item-title gdlr-skin-title gdlr-skin-border").click(function () {
                $("h3").replaceWith(function () {
                    return "<h2>" + $(this).text() + "</h2>";
                });
            });
        });
});
</script>

1 个答案:

答案 0 :(得分:0)

用这个替换你的JQuery

<script>

   $(document).ready(function () {
        $('body').on('click', '.gdlr-skin-border', function() {

            $("h3").replaceWith(function () {
                return "<h2>" + $(this).text() + "</h2>";
            });
        })   
    });
</script>