javascript - 关于 Javascript 中 Dom 对象作为值对象的抽象问题

Question

我有一个图像库，其中库中的每个项目都有一个唯一的 ID，我用它将其绑定(bind)到我的后端，以便我可以运行数据库操作等。我使用 data 属性来保存 '每个图像的父 div 上的 imageid' 例如:data-imageid="168"

图片库项目有很多嵌套的 div，因此在鼠标悬停/单击时我发现自己执行了很多以下操作来运行操作:

$(this).parent().parent().attr('data-imageid');

感觉这不是一个干净的解决方案，也不是最佳的性能。其他人如何处理这个问题？最好的解决方案是什么？无论解决方案如何，这都必须是每天都要解决的问题。

编辑:我意识到我的主题行含糊不清，但它进一步解释了我对这个问题的看法。

Answer 1

您可以指定“向上”的条件，因此如果您想向上到最近的 div 或 li 或其他任何内容，请使用 jQuery 的 .closest() 或简单的 >upTo() 函数:

function upTo(el, tagName) {
  tagName = tagName.toLowerCase();
  var el;
  do {
    el = el.parentNode;
    if (el && el.tagName && el.tagName.toLowerCase() == tagName) {
      return el;
    }
  } while (el)
}