如何在WordPress中使用jQuery更改<li>标签中的文本?

时间:2017-10-13 14:50:20

标签: javascript jquery wordpress

我正在使用WPML插件来翻译网站,我有一个插件似乎没有可以翻译的字符串。

我想要做的是使用jQuery在以下代码中的'li'标签之间更改文本'Nici un rezultat ...'。或者你建议其他方法?

<div id="aws-search-result-1" class="aws-search-result" style="width: 225px; top: 339.828px; left: 1026.03px; display: block;">
   <ul><li class="aws_result_item aws_no_result">Nici un rezultat...</li>
   </ul>
</div>

以下是我的完整代码https://codepen.io/SilviuIsidor/pen/gGdxMg,这是实际的网页:https://isidors.com/test/dupex/en/store/

我该怎么做?

谢谢!

1 个答案:

答案 0 :(得分:4)

使用 jQuery 函数.text()

&#13;
&#13;
$("ul li").text("Your new Text");
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="aws-search-result-1" class="aws-search-result" style="width: 225px; top: 339.828px; left: 1026.03px; display: block;">
   <ul><li class="aws_result_item aws_no_result">Nici un rezultat...</li>
   </ul>
</div>
&#13;
&#13;
&#13;

这会更改高级选择的所有li标记的文本(例如:第一个li标记,最后li标记,第n个孩子...)使用{{ 3}}