jquery 把html转换成字符串,javascript-如何使用jQuery更改特定的HTML字符串

这是我的HTML代码：

Click

To Enlarge

我有一个jQuery脚本,当单击它时会切换一个放大类,所以当有人单击以放大时,我想更改放大词以缩小,是否有任何简单的方法可以在jQuery中做到这一点？

还是你们认为我最好有2个< div>甚至< span>元素并切换每个元素的显示？

解决方法:

有很多方法可以做到这一点.您可以利用伪元素内容,使用JavaScript进行字符串操作等.最后,最好的方法可能只是切换几个嵌套元素的可见性：

我在我的td元素上放置了一个默认的“收缩”类.在其中,我有几个span元素,这些元素使用显式的data-do属性进行了自定义,指示每个属性的用途：

Click to

Enlarge

Shrink

我们以嵌套在具有相应类的元素中的data-do属性为目标,并禁用这些元素的显示：

.shrink [data-do='shrink'],

.enlarge [data-do='enlarge'] {

display: none;

}

为了切换td元素的类,我们绑定了一些简单的jQuery：

$("td").on("click", function () {

$(this).toggleClass("shrink enlarge");

});

每当单击td时(您可以使选择器特定于单个td),我们添加切换“缩小”和“放大”类.如果首先出现“放大”,则将其删除；否则,将其删除.否则它将被添加. “收缩”也是如此.

标签：css,html,javascript,jquery

来源： https://codeday.me/bug/20191030/1964805.html