Подскажите пожалуйста как передать атрибут data грамотно
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<div class="cont">
<div id="text">Текст</div><button id="button" data="445563">Кнопка</button><div id="numeral">123</div>
</div>
<script>
$("#button").click(function(){
var data1 = $(this).prev().text();
var data2 = $(this).next().text();
var data = $(this).attr('data');
console.log(data);
alert(data1+data2);
});
</script>
Нужно передать атрибут data но чтоб пользователь его не видел.
Предполагается передать его, потом что то сделать с модальным окном(например ввести туда текст) и уже сказать - вставить этот текст в объект с таким data.
А гавнокод мой заключался в:
$("#button").click(function(){
var data1 = $(this).prev().text();
var data2 = $(this).next().text();
var data = $(this).attr('data');
govnocod (data);
});
function govnocod (data){
alert(data1+data2);
$(...).click(function(){
// по нажатию на кнопку в модальном окне передаем data и что ввели
});
}
Но с такой функцией он запомнит data только один раз без перезагрузки страницы.