Выкидываем Jquery. Где видим $() - подразумеваем, что это оператор маскирует в себе document.querySelector() - для извлечения одного элемента, и document.querySelectorAll() для извлечения коллекции элементов.
А вот как получить li с определённым классом? Т.е. получить li допустим с классом li7.
Так, только нужно уточнить, из какого списка ul:
let li1_li7 = document.querySelector('ul.ul1 li.li7');
let li2_li7 = document.querySelector('ul.ul2 li.li7');
Как ни странно, учим синтаксис CSS-селекторов, чтобы не задавать этих вопросов.
Теперь надо заменить к примеру span1 на span3. Получить то я получаю.
В вашем случае для замены чего-либо в li элементах с определенным классом:
let li1_span_title = document.querySelector('ul.ul1 li.li1 span.title');
let li2_span_title = document.querySelector('ul.ul2 li.li1 span.title');
li1_span_title.innerHTML = li2_span_title.innerHTML;
Если что-то нужно делать с неопределенным числом списков ul, тогда условие задачи существенно меняется, и код тоже существенно изменится. Вот тогда вы будете что-то перебирать в нескольких списках циклом, возможно, несколькими вложенными циклами.