首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >获取href属性并将该属性设置为其他div。

获取href属性并将该属性设置为其他div。
EN

Stack Overflow用户
提问于 2018-08-24 14:34:49
回答 3查看 158关注 0票数 0

我有3个类具有这样的结构(这是我的web应用程序中的滑块):

代码语言:javascript
运行
复制
<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>

我想获取aa属性,并将href属性设置为,这个 url设置为dig-pub。对我来说非常重要的是,这是一个链接(我点击了哪个类),因为3个类有不同的链接。我想使用jQuery。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-08-24 14:46:09

(不要忘记关闭第3行代码段中的div )

代码语言:javascript
运行
复制
jQuery('.dig-pub').on('click', function() {
   url = jQuery(this).parent().find('a').attr('href');
   jQuery(location).attr(url);
});

https://codepen.io/Kidkie/pen/gdaJjZ

票数 0
EN

Stack Overflow用户

发布于 2018-08-24 14:39:21

将单击事件绑定到锚标记。如果页面上有很多类,那么也需要为锚标记分配一个类,所以将'className‘替换为类名。我不确定如何将它分配给div,所以我已经将它作为数据属性来完成,因为这是常规的方法。

代码语言:javascript
运行
复制
$('a.className').on('click', function (){
    $(this).closest('.dig-pub').attr('data-href', $(this).attr('href'));
});
票数 2
EN

Stack Overflow用户

发布于 2018-08-24 14:39:36

首先,向链接和div添加一个id (更容易获取元素)

代码语言:javascript
运行
复制
<div id="dig-pub" class="dig-pub">
<a id="id" href="/wilson-camo"></a>

然后,去拿href

代码语言:javascript
运行
复制
var href = $('#id').attr('href');

将值设置为div

代码语言:javascript
运行
复制
$('#dig-pub').html(href);

但是,您可以轻松地在JQuery文档中找到这一点。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52006722

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档