В jQuery існує низка методів, яка дозволяє отримувати данні з елементів і записувати інші данні в середину елементів
.val() - дозволяє отримати інформацію з атрибута value елемента
.val('текст') - дозволяє записати інформацію в атрибута value елемента
.text() - дозволяє отримати текс записаний в елементі
.text('текст') - дозволяє записати текст в елемент
.html() - дозволяє отримати html-код записаний в елементі
.html('текст') - дозволяє записати html-код в елемент
Приклади
.val()$('#btnv1').click (function(){ var v1 = $('#v1').val(); $('#v1').val('');// очищуємо перший input $('#v2').val(v1); });
.text()
Текст зі span
$('#btnt1').click (function(){ var t1 = $('#t1').text(); $('#t2').text(t1); });
.html()
<div id="blue1"><div id="red"></div></div> <input type="button" value="->" id="btn1"/> <input type="button" value="<-" id="btn2"/> <div id="blue2"></div>
/* туди */ $('#btnh1').click (function(){ var h1 = $('#htmlblue1').html(); $('#blue1').empty();// очищуємо лівий блок $('#blue2').html(h1); }); /* назад */ $('#btnh2').click (function(){ var h2 = $('#blue2').html(); $('#blue2').empty();// очищуємо правий блок $('#blue1').html(h2); });
далі ✏