Получить ссылку на клик

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> 

Также я хочу использовать ссылку «атрибут данных». Поэтому я стараюсь

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

1. ваш селектор JQuery выглядит слишком сложным, но это моголь большое дело.
2. Ваша ссылка имеет данные-атрибут со значением «pa_material-и цветов», но в селекторе вы сделали ошибку «в [данных атрибуте =„pa_Attribute“]»

так просто изменить селектор $ (".summary .variations_form .ql-visual-attributes .va-pickers a [data-attribute = 'pa_material-and-color']")

Answer 2

Я думаю, что ваш выбираете неправильный data-attribute. Вы можете сделать это, используя следующую ссылку: class.

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