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

Question

在下面的示例中，我创建了一个名为“过滤器”的属性。如何使用 jquery 获取属性值？哪些是游戏、视觉特效、视频？

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

正如其他人所指出的，您应该使用数据属性(jquery 1.10或更高版本支持)以与自定义属性保持一致:

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

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