javascript - 加载页面后如何使用javaScript在同一页面上添加重复图像

标签 javascript jquery html

我正面临一个问题,我正在做的就是这个。我有一个服务器端图像按钮。我想做的是在客户端加载该页面后,我想将具有相同导航 url 的相同图像放在同一页面上的另一个位置。任何人都可以告诉我该怎么做吗?就像我也想用 javascript 在页面上隐藏一些文本一样。有什么想法吗??

最佳答案

使用.clone()方法。

一个例子:

假设你的 img 是这样的

<img class="yourimageclass" src="Your/path/to/image.jpg" ?>
<!-- And this being where you want to copy it -->
<div class="whereuwanttocopy"></div>

那么你的 jQuery 就是

$('.yourimageclass').clone().appendTo('.whereuwanttocopy');

要在您的页面中隐藏一些文本,请将它们包装到某个容器中,以便我们可以处理那部分内容

<span class="todhide">here is the text to hide</span> and here is the text to not hide

然后只要您想隐藏文本,就可以使用简单的$(".tohide").hide()

关于javascript - 加载页面后如何使用javaScript在同一页面上添加重复图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4623265/

相关文章:

javascript - 根据下拉值显示元素数量的问题

javascript - 使用 jQuery 在滚动时捕捉到 div

javascript - 使用输入按钮提交文本框表单

html - 在 Navbar Bootstrap 3 上调整搜索表单

javascript - 是否可以在 css 中根据页面 HTML 中出现的链接链接背景图片?

javascript - 父窗口中的 jquery 表达式无法在弹出窗口中正常工作 - 出了什么问题?

javascript - 使用 location.href 来处理缓慢的请求

javascript - 将 LocalSearch 工具添加到 Leaflet JS 库

javascript Console.log 仅打印列表值的初始整数部分而不是完整值。查看代码了解更多详情

php - 向服务器发送答案,并从服务器返回相关数组以供下一个输入选项