javascript-如何使用jQuery更改特定的HTML字符串

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何使用jQuery更改特定的HTML字符串，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1153字，纯文字阅读大概需要2分钟。

内容图文

这是我的HTML代码：

<th>
    Click<br/>
    <img class="magnifier" height="66" src="../Images/magnifier-zoom.png" width="75"><br/>
    To Enlarge
</th>

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

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

解决方法:

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

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

<td class="shrink"> 
    Click to 
    <span data-do="enlarge">Enlarge</span>
    <span data-do="shrink">Shrink</span>
    <img src="..." />
</td>

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

.shrink  [data-do='shrink'],
.enlarge [data-do='enlarge'] { 
    display: none;
}

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

$("td").on("click", function () {
   $(this).toggleClass("shrink enlarge"); 
});

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

内容总结

以上是互联网集市为您收集整理的javascript-如何使用jQuery更改特定的HTML字符串全部内容，希望文章能够帮你解决javascript-如何使用jQuery更改特定的HTML字符串所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端