点击获取链接标题

Get link title on click

本文关键字：标题 链接 获取      更新时间：2023-09-26

我有一个图像链接。我想通过单击获得链接标题。

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

我还想使用链接"数据属性"。所以我尝试 

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

但它不起作用

谢谢

  1. 你的jQuery选择器看起来太复杂了，但它没什么大不了的。
  2. 您的链接具有值为"pa_material-and-color"的数据属性，但在选择器中您犯了一个错误"a[data-attribute='pa_Attribute']"

因此，只需将选择器更改为 $（".summary .variations_form .ql-visual-attributes .va-pickers a[data-attribute='pa_material-and-color']"）

我认为您选择了错误的data-attribute.您可以使用链接class执行以下操作。

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