自定义数据属性选择器不工作

任何想法，为什么出现这种情况？自定义数据属性选择器不工作

var attr = $(this).data('link'); 
    console.log(attr); // profile_following 
    console.log($("a[data-target='profile_following']")); // found the object 
    console.log($("a[data-target='+attr+']")); // [] empty

里面点击处理程序我有上面的线！ console.log(attr);成功打印profile_following 但是，如果我尝试选择一个带有属性选择器的链接，并且这个变量像这样console.log($("a[data-target='+attr+']"));它找不到该元素！

而最奇怪的是，如果我硬编码线那样console.log($("a[data-target='profile_following']"));它找到对象成功。

任何想法为什么同一行不会在属性选择器中使用+attr+？

来源

2012-02-14 matt

你必须在选择器中注入'attr'，所以你必须用双引号（''a [data-target ='“+ attr +''”“'）来分隔前缀和后缀字符串。此外，这是[jQuery如何找到基于数据属性值的元素的副本？]（http://stackoverflow.com/questions/4191386/jquery-how-to-find-an-element-based-上一个数据属性值） – 2012-02-14 18:26:18

您需要使用字符串连接来创建值为"a[data-target='profile_following']"的字符串。你这样做有：

$('a[data-target="'+attr+'"]');

在你的榜样，+attr+是字符串的一部分，因为你永远不关闭并重新打开您的报价。

来源

2012-02-14 18:26:13 zzzzBov

自定义数据属性选择器不工作

回答

相关问题