如何在WP中找到特定的类

时间:2018-05-14 09:20:42

标签: javascript wordpress class

我有一个我想要更改的文本(下面的代码中的“Happy Clients”)。我试图在WP仪表板和模板编辑器中找到文本,但没有运气,我如何找到该类,以便我能够更改文本?

 <div class="_slider_shadow"></div>
    </div><!-- /.carousel -->
<div class="count"><div class="count-info"><strong id="targetElem">0</strong><span class="count-description"> Happy Clients</span></div></div>
<script type="text/javascript">

EDIT 我找到了一个文件,其中包含与我想要更改的文本相关的以下代码:

<div class="count"><div class="count-info"><strong id="targetElem">0</strong><span class="count-description"><?php the_field('text_for_count'); ?></span></div></div>
<script type="text/javascript">
var endVal = <?php the_field('count'); ?>;
var numAnim = new CountUp("targetElem", 0, endVal - 300, 0 , );
numAnim.start(function() {
    numAnim.update(endVal);
});
</script>

2 个答案:

答案 0 :(得分:1)

您可以安装Query Monitor插件。它有一个名为Template的部分,其中显示了用于加载页面的所有模板文件。这应该可以帮助你找到你需要的东西 Example output

答案 1 :(得分:0)

使用jQuery你可以这样做:)

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $(".count-description").text("No Clients");

    });
});
</script>
</head>
<body>

<button>Click me</button>

<div class="enigma_slider_shadow"></div>
    </div><!-- /.carousel -->
<div class="count"><div class="count-info"><strong id="targetElem">0</strong><span class="count-description"> Happy Clients</span></div></div>


</body>
</html>