Question

我有3个具有这种结构的类（这是我的网络应用程序中的滑块）：

<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>

我想获取href的{{1}}属性，并使用 this 网址将a的属性设置为href。对我来说非常重要，因为这是链接（我单击了哪个类），因为3个类具有不同的链接。我想使用jQuery。

Answer 1

您将click事件绑定到了锚标记。如果页面上有很多标签，则也需要为锚标记分配一个类，因此将“ className”替换为您的类名称。我不确定您要如何将其分配给div，因此我将其作为数据属性来完成，因为这是常规的做法。

$('a.className').on('click', function (){
    $(this).closest('.dig-pub').attr('data-href', $(this).attr('href'));
});

Answer 2

首先，在链接和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文档中轻松找到它。

Answer 3

（别忘了关闭代码段中第3行的div）

timeout

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

获取href属性并将此属性设置为其他div

3 个答案: