Добавьте другой заголовок к листу управления несколькими слоями

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" + ".leaflet-right").children().prepend('<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>');

Answer 2

Кажется, что вы можете выбрать оба из этих диапазонов, а затем выполнить вставку в интервал, на котором вы хотите заголовок.

$(".leaflet-control-layers-base'").each( function() {
   // $(this) decide when to insert your title
});