В 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);
});
далі ✏