jquery - 如何使用 CSS、jQuery 而不是 body 将覆盖 div 添加到特定元素？

Question

我能够通过编写向正文添加覆盖

$(function() {
   var docHeight = $(document).height();
   $("body").append("<div id='overlay'></div>");
   $("#overlay")
      .height(docHeight)
      .css({
         'opacity' : 0.4,
         'position': 'absolute',
         'top': 0,
         'left': 0,
         'background-color': 'black',
         'width': '100%',
         'z-index': 5000
      });
});

我怎样才能选择一个特定的元素而不是正文？

例如，我可以将叠加层添加到 with id='baby' 吗？

<img src="./target2_files/BrowserPreview_tmp_07.gif" width="203" height="181" alt="" id='baby'></td>

这可能吗？

Answer 1

在附加时使用该元素的 id/class 而不是 body。

$("#ElementId").append("<div id='overlay'></div>"); or
$(".ElementClassName").append("<div id='overlay'></div>");