将数据属性添加到当前和未来链接

Question

我有以下代码：

$('a.my-class').data('my-attribute', 'my-value')

如何将my-attribute数据属性添加到所有 future 链接中？我想过使用：

$('a.my-class').on('event', 'selector', function(){})

甚至父母：

$('.parent-of-a').on('event', 'selector', function(){})

但我不知道我需要填写哪些事件/选择器。

Answer 1

请试试这个......

＆＃13;

＆＃13;

    $('a.my-class').each(function(){
        $(this).data('my-attribute', 'my-value')
    });
    

    $(".add-links").click(function(){
        var lbl=$(".label").val();
        var myattribute=$(".my-attribute").val();
        $(".container").append("<a href='#'my-attribute='"+myattribute+"' class='my-class'>"+lbl+"</a>");
    });

＆＃13;

.add-links{
  padding:10px;
  background:#0077CC;
  color:#fff;
 display: inline-block;
    margin: 20px 0;
}
a{
  display:block;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">


</div>
Link Label:<input type="text" class="label"/><br/>
Attribute:<input type="text" class="my-attribute"/><br/>

<span class="add-links">Add Links</span>

＆＃13;

＆＃13;

＆＃13;