提取 SRC 并使用 jQuery 粘贴之前在 HTML 链接中
extracting src and paste before in html link with jquery
我正在尝试提取 img 的 src,然后将 src 粘贴到"a href"中以环绕原始 img
我有两个版本搞砸了,无法正常工作。我认为我的问题之一似乎是在元素之前或周围插入"href"。
<script type="text/javascript">
var x = hdnImg.children('img').attr('src')
$( "img" ).wrap(function() {
return "<a href='" +x+ "' class="anyclass"></a>";
});
</script>
或
<script type="text/javascript">
var p = hdnImg.children('img').attr('src')
$( "img" ).before( "<a href='#' class="anyclass">" );
$( "img" ).after( "</a>" );
</script>
最终,这就是我想要的:
脚本前的 html:
<img src="http://a.jpg">
<img src="http://b.jpg">
脚本后的 HTML
<a hre="http://a.jpg" class="classy"><img src="http://a.jpg"></a>
<a hre="http://b.jpg" class="classy"><img src="http://b.jpg"></a>
我仍在学习javascript,可以使用一些指导。谢谢
尝试使用
$( "img" ).each(function() {
var x = $(this).attr('src');
$(this).wrap( "<a href='" +x+ "' class='anyclass'></a>");
});
$('img').each(function(index,ele) {
$(this).wrap('<a href="' + $(ele).attr('src') + '" class="classy"></a>');
});
http://jsfiddle.net/AWeAu/
也许这可以帮助你。
$("img").addClass("classy");
$("img").html('<img src="http://b.jpg">');
试试这个,这会帮助你
.HTML
<img src="http://a.jpg">
<img src="http://b.jpg">
<div></div>
<input type='button' value='Click Me'/>
.JS
$('input[type=button]').click(function(){
$('img').each(function(){
var item='New: <a href='+$(this).prop('src')+' class="classy"><img src='+$(this).prop('src')+' ></a>';
$(this).remove();
$('div').append(item);
});
});
小提琴Here
<div class="images">
<span><img src="http://a.jpg"></span>
<span><img src="http://b.jpg"></span>
</div>
使用以下脚本:
$(document).ready(function () {
$('.images img').each(function () {
var link = "<a href='" + $(this).attr("src") + "'>" + $(this).closest('span').html() + "</a>";
$(this).closest('span').html(link);
});
});
相关文章:
- ReactJS映射:如何仅在url变量不为空时呈现html链接
- 如何使用JavaScript访问HTML链接内容
- 从HTML链接时,Javascript文件不起作用
- html链接onclick弹出一个表单
- 将点击函数添加到动态 HTML 链接
- 如何在 html 链接中发送参数以及如何检索它
- HTML 链接变量
- 如何使html链接标签可以在没有标签的情况下工作
- 提交表单的可能性(左-/中-/在新选项卡或窗口中打开-)单击html链接
- 使用本地HTML链接打开Windows文件夹
- 如何将JavaScript数组输出到HTML链接
- 指向leanModal.js的链接在通过HTML链接呈现时工作良好,但在React中则不然
- 在visualforce中为更新字段分配HTML链接/按钮
- 将URL的文本列表转换为可点击的HTML链接
- 按日期为iframe创建一个HTML链接
- 如何在页面刷新时保持选定/活动的HTML链接颜色
- 如何通过html链接将特定对象传递给函数
- Html链接在某些单击时未注册
- 我想让HTML链接打开一个js手风琴
- 如何在谷歌网站中显示与iframe中的特定人员共享的谷歌云端硬盘html链接