我有3个类具有这样的结构(这是我的web应用程序中的滑块):
<div class="emotion--digital-publishing">
<div class="dig-pub">
<div class="bg--image">/div>
<div class="dig-pub--layer center center">
<div class="layer--wrapper">
<div class="layer--content">
<div class="dig-pub--button">
<a href="/wilson-camo"></a>
</div>
</div>
</div>
</div>
</div>
</div>
我想获取a
的a
属性,并将href
属性设置为,这个 url设置为dig-pub
。对我来说非常重要的是,这是一个链接(我点击了哪个类),因为3个类有不同的链接。我想使用jQuery。
发布于 2018-08-24 06:46:09
(不要忘记关闭第3行代码段中的div )
jQuery('.dig-pub').on('click', function() {
url = jQuery(this).parent().find('a').attr('href');
jQuery(location).attr(url);
});
发布于 2018-08-24 06:39:21
将单击事件绑定到锚标记。如果页面上有很多类,那么也需要为锚标记分配一个类,所以将'className‘替换为类名。我不确定如何将它分配给div,所以我已经将它作为数据属性来完成,因为这是常规的方法。
$('a.className').on('click', function (){
$(this).closest('.dig-pub').attr('data-href', $(this).attr('href'));
});
发布于 2018-08-24 06:39:36
首先,向链接和div添加一个id (更容易获取元素)
<div id="dig-pub" class="dig-pub">
<a id="id" href="/wilson-camo"></a>
然后,去拿href
var href = $('#id').attr('href');
将值设置为div
$('#dig-pub').html(href);
但是,您可以轻松地在JQuery文档中找到这一点。
https://stackoverflow.com/questions/52006722
复制