如果它等于某个高度,请隐藏img

Question

我正在用tumblr构建一个小型投资组合作为我的CMS,我需要在索引页面上有缩略图.如果不对此进行硬编码,实现这一目标的最佳方法似乎是将缩略图嵌入到正文中,以便将图像拉过来然后通过将css更改为"display:none"来将其隐藏在帖子页面上,方法是匹配它的唯一高度与其他图像相比.

它在理论上看起来很棒,但目前还没有用.我错过了什么？父div类是.text

<script type="text/javascript">
$(document).ready(function() {
    var hide = $('.text img').data-orig-height();
    if (hide === 167) {
        $('.text img').css('display', 'none');
    } else {
        $('.text img').css('display', 'block');
    }
});
</script>

图像html

<figure class="tmblr-full" data-orig-height="167" data-orig-width="310">
    <img src="http://40.media.tumblr.com/d190030c491be51fd47dd1f4291ae9c3/tumblr_inline_nxblnf7rF61tfshob_400.jpg" data-orig-height="167" data-orig-width="310" width="310" height="167" data-meow="true">
</figure>

Answer 1

使用属性值选择器

$('.text img[data-orig-height="167"]').hide();

这将选择.text具有data-orig-height属性值的元素内的所有图像167.

$('.text img[data-orig-height!="167"]').show(); // Show the images whose attribute value is not 167

在OP代码中,

$('.text img').data-orig-height();

是无效的功能.这个'抛出data-orig-height不是函数错误.

要获取data-*属性值,请使用data().