jquery - ToggleClass 基于 li 标签内的图像高度

Question

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

这看起来很简单，但我似乎无法弄清楚

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

Answer 1

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

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

如果id="printviewer"在实际示例中重复，请确保将其也更改为类。