为传单多层控件添加不同的标题

Question

我在左上角和左下角有两个控制层。我只想给左上角的控制层添加一个标题。我使用 insertBefore() 是有效的，但标题出现在两个控制层上。这个问题有什么解决方案吗？

这是我的图层控件

var layertopleft = new L.control.layers(baseMaps1, overlayMaps, optionL).addTo(map);

var layerbotleft = new L.control.layers(baseMaps, overlayMaps1, {collapsed: false, position: "bottomright"}).addTo(map);

这个添加标题的代码

$('<div id="mapTitle" style="text-align: center;"><span style="font-size:16pt">Peta Bantuan Pemerintah</span></br><span style="font-size:12pt">Dinas Ketahanan Pangan Provinsi Riau</span></div><hr>').insertBefore('.leaflet-control-layers-base');

这是一个结果

我希望左下控制层的标题不存在：

Answer 1

终于，我得到了我的问题的答案通过添加+选择器和使用children()，我不知道这是否是最好的方法，但对我来说看起来不错$(".leaflet-top"&nbsp;+&nbsp;".leaflet-right").children().prepend('<div&nbsp;id="mapTitle"&nbsp;style="text-align:&nbsp;center;"><span&nbsp;style="font-size:16pt">Peta&nbsp;Bantuan&nbsp;Pemerintah</span></br><span&nbsp;style="font-size:12pt">Dinas&nbsp;Ketahanan&nbsp;Pangan&nbsp;Provinsi&nbsp;Riau</span></div><hr>');