如何使用 jQuery 获取具有自定义属性的图像？

Question

您能给我一个关于如何通过自定义属性获取特定图像的值的提示吗？ 例如，我有：

<img class="image" 
     identif="<?php echo $j; ?>" 
     id="<?php echo $id; ?>" 
     src="../<?php echo $sqlg[$pic] ?>" 
     h="<?php echo $heightl; ?>" 
     w="<?php echo $widthl ?>"
     height="<?php echo $height; ?>px" 
     width="<?php echo $width; ?>px" 
     title="Double-click to enlarge image" />

我想在jquery中通过“identif”属性获取图像的“src”，谢谢:)

Answer 1

最好使用像这样的

data-*

属性

<img class="image" data-identif="<?php echo $j; ?>"...

因此您可以使用

检索该属性

$('img[data-identif]').data('identif');

请参阅 http://api.jquery.com/jQuery.data/ 以获取更多参考

如果您需要使用

data-identif = 5

获取 img 的 src，只需这样做：

$('img[data-identif="5"]').attr('src');

Answer 2

jQuery 有一个 属性选择器

$('img[data-identif="1"]')