Javascript 使用jQuery关注覆盖中的某些元素

我有一个覆盖，弹出当你添加一个项目到购物车，想知道是否有人知道我可以集中在一个特定的区域覆盖。。。就像覆盖层的其他部分颜色越深，特定区域越明显

快速模型：

HTML:

祝贺你。您刚刚添加到购物车。。。 1 x 269.00美元 检查我们是否可以向您发送填充（仅适用于metro） 走！ 把馅料加到你的豆袋里

---

搜索的邮政编码：

祝贺您！我们可以将豆子发送到您的邮政编码！在你的豆袋里加入馅料

把馅料加到你的豆袋里

---

搜索的邮政编码：

很遗憾，我们无法将填充内容发送到您的邮政编码，您的商品已经添加到您的购物车中，但您将只收到封面

$（函数（）{ $（“.filling status”）.hide（）； $（“.postcode\u locator\u form.ty btn go”）。单击（函数（）{ //获取用户键入的值 var searchString=$（“#邮政编码_定位器_搜索”）.val（）； //形成查询串 var数据='邮政编码\定位符\搜索='+搜索字符串； //如果searchString不是空的 如果（搜索字符串）{ //ajax调用 $.ajax({ 类型：“POST”， url:“search_postcode.php”， 数据：数据， beforeSend:function（data）{//这发生在实际调用之前 $（“.searched postcode”）.html（searchString）； }, success:function（data）{//这在我们得到结果之后发生 控制台日志（数据）； 如果（数据='0'）{ $（“.filling status.filling failure”）.hide（）； $（“.filling status.filling success”）.show（）； }else if（数据='1'）{ $（“.filling status.filling success”）.hide（）； $（“.filling status.filling failure”）.show（）； } } }); } 返回false； }); });

---

您的购物车中现在有35件物品 购物车小计7337.85美元

---

显示覆盖后，只需执行以下操作：

$("#postcode_locator_search").focus();

尝试了一个模型

$（函数（）{
$（“#btn”）。单击（函数（）{
$（“正文”）。前缀（“”）；
$（（“li:n子（2）”）.addClass（“检查”）.find（“输入”）.focus（）；
});
});
*{margin:0；padding:0；列表样式：无；字体系列：'Segoe UI'；}
li{margin:010px；}
.遮罩{位置：固定；左侧：0；顶部：0；宽度：100%；高度：100%；z索引：1；背景色：rgba（0,0,0,0.5）；}
li.check{位置：相对；z索引：2；背景色：#fff；}



输入1


输入2


输入3


输入4


输入5


我不想只聚焦，还想突出显示它，这会使覆盖的其余部分变得更暗，就像我做的模型一样。@James，有更多的突出显示区域吗，还是只有一个？@James，这是否意味着你还没有实现覆盖功能？@James，你也必须在页面上的弹出窗口中添加小的覆盖（在你的网站上测试过），就是这样，或者要删除弹出窗口的一部分，你不需要…完美，需要调整一下，但它会结合在一起！谢谢你的帮助，伙计。你的元素的HTML和CSS在哪里
$("#postcode_locator_search").focus();