Скрипт передачи данных при наведении

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

Пример

<script>
    $( ".container-page-004__product-items" ).hover(function() {
    let namet = $(this).find('p.hide-title').text();
    let pricet = $(this).find('p.hide-price').text()+' руб.';
    console.log(namet);
    console.log(pricet);
    $('#info_product').text(namet);
    $('#af_product').val(namet);
    $('#info_price').text(pricet);
    $('#af_price').val(pricet);
    });
</script>

Пример

<script>
    $( ".container-cat-002-right-items-itm" ).hover(function() {
       let type_prod = $(this).find('p.container-cat-002-right-items-itm-options-title').text();
	   let name_prod = $(this).find('a.container-cat-002-right-items-itm-options-link').text();
       //console.log (type_prod + ' ' + name_prod);
       $('#info_product').text(type_prod + ' ' + name_prod);
       $('#name_product').val(type_prod + ' ' + name_prod);
    });
	
	$( ".container-card-001-content" ).hover(function() {
       let type_prod = $(this).find('p.container-card-001__info-title').text();
	   let name_prod = $(this).find('p.container-card-001__info-model').text();
       //console.log (type_prod + ' ' + name_prod);
       $('#info_product').text(type_prod + ' ' + name_prod);
       $('#name_product').val(type_prod + ' ' + name_prod);
    });
</script>

Пример на JavaScript при клике

document.addEventListener("click", function (e) {
	if (e.target.className == "uk-rent-004-items-itm-adv-button-linkrent") {
		let element = e.target;
		let btnblock = (element.parentElement);
		let card = (btnblock.parentElement);
		let namebike = card.getElementsByClassName("uk-rent-004-items-itm-title-name-txt")[0].innerHTML;
		document.querySelector("#bike_model_modal-rent").value = namebike;
		document.querySelector("#term_modal-rent").value = "month";
	}
});