在jquery中获取自定义属性字段的属性

Question

我的下面的示例我创建了一个名为＆＃39; filters＆＃39;的属性。如何使用jquery获取属性值？这将是游戏， vfx ，视频？

<div class="portfolio-item" filters="games vfx video">
     <p>This is a test</p>
</div>

Answer 1

只是做：

$('.portfolio-item') // use class selector to target the class 'portfolio-item'
.attr('filters'); // This would give you the value of the attribute 'filters'

正如其他人指出的那样，您应该使用data attributes（由jquery 1.10或更高版本支持）与自定义属性保持一致：

<div class="portfolio-item" data-filters="games vfx video">

并提取其值：$('.portfolio-item').data('filters');