Question

我有图片链接。我希望点击链接标题。

 <div class="summary">
    <form class="variations_form " method="post" enctype="multipart/form-data"">
        <div class="ql-visual-attributes">
            <div class="va-pickers">
                <a class="va-picker-image" data-attribute="pa_material-and-color" title="Link Title">
                    <img class="va-image" src="img.jpg">
                </a>
            </div>
        </div>
    </form>
</div>

另外，我想使用link＆＃34; data-attribute＆＃34;。所以我试试

$(document).ready(function(){
   $(".summary .variations_form .ql-visual-attributes .va-pickers a[data-attribute='pa_Attribute']").click(function(){
      var link_title=$(this).attr("title");
   });
});

但它不起作用

由于

Answer 1

我认为你的选择错误data-attribute。您可以像使用链接class一样执行此操作。

$(".va-picker-image").click(function(){
  var link_title=$(this).attr("title");
});

Answer 2

你的jquery选择器看起来太复杂了，但它很重要。
您的链接包含值为＆＃34; pa_material-and-color＆＃34;的数据属性，但在选择器中您犯了错误＆＃34; a [data-attribute =＆＃39; pa_Attribute＆＃39;] ＆＃34;

所以只需将选择器更改为$（＆＃34; .summary .variations_form .ql-visual-attributes .va-pickers a [data-attribute =＆＃39; pa_material-and-color＆＃39;]＆＃34 ;）

点击获取链接标题

2 个答案: