如何向短码添加DVI标签,然后使用jQuery更改生成的文本

时间:2016-10-15 作者:Atef Wagih

我有一个基于mysql查询生成表的插件。插件生成了一个短代码,我将其放在帖子中以显示表。

在桌子上方有一个有跨度的按钮。span文本为Columns.

我想更改文本ColumnsThis is my new Text. 在插件选项中无法做到这一点,我联系了确认这一点的开发人员。

我检查了按钮并获得了它的类,然后使用了以下jQuery:

    <script type="text/javascript">
jQuery( document ).ready(function() {
jQuery(".buttons-collection.buttons-colvis.DTTT_button.DTTT_button_colvis span ").text(" This is My New Text ");
});
</script>
代码运行良好,只是它更改了所有表中该按钮的文本,这是我不想要的。我只想根据表的内容更改某些按钮上的文本。

我尝试将快捷码放入div标记中,如下所示:

<div class="new-class">[plugin shortcode]</div>
然后我将该类添加到jQyery中,如下所示:

jQuery(".new-class.buttons-collection.buttons-colvis.DTTT_button.DTTT_button_colvis span ").text(" This is My New Text ");
但它没有起作用。显示默认文本Columns.

我认为问题是代码中工作的类是按钮本身的类,而我在整个表中添加了一个类?

你知道什么是实现我想要做的事情的正确方法吗?

非常感谢。

1 个回复
最合适的回答,由SO网友:Mark Kaplun 整理而成

您的短代码应该添加唯一的id,而不仅仅是类。这可以是一个显式的id属性(best),也可以通过生成一些随机id来实现。现在,在输出短代码时,您可以添加一个JS,该JS使用基于id的特定选择。