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
      });
});

我怎么能选择一个特定的元素而不是身体？

例如，我可以使用 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>");