ToggleClass基于li标签内的Image Height

Question

我有一个由wordpress创建的无序列表。每个列表项都包含纵向或横向图像。我希望根据在其中创建的图像的宽度或高度来定义每个列表项的类。因此，如果图像为124px宽切换类“横向”，如果它是83px宽切换类“肖像”

这看起来很简单，但我似乎无法弄明白

这是我的打印页面http://www.geoffpuryear.com/gp/prints/

Answer 1

您不能重复使用这样的ID，它们必须是唯一的，因此您应该class="frame"而不是id="frame"，并使用.class selector来匹配：< / p>

jQuery$('div.frame').toggleClass(function() {
  return $(this).parent().is('#printviewer')) ? 'landscape' : 'portrait';
});

如果在实际样本中重复id="printviewer"，请务必将其更改为类。

Answer 2

此？

$('li').toggleClass(function() {
    return $('img', this).width() == 124 ? 'landscape' : 'portrait';
});