jQuery中的label常常被用来显示表单元素的描述信息,通常与input、select、textarea等表单元素配合使用。除此之外,jQuery的label还具有赋值和取值的功能。
$("label[for='name']").text("姓名:"); // 给带有for='name'的label元素赋值
var nameValue = $("label[for='name']").text(); // 获取带有for='name'的label元素的值
上述代码中,“label[for='name']”表示选取所有for属性为“name”的label元素。
首先是赋值操作,通过jQuery的text方法,我们可以给label元素赋值。例如代码中,我们将带有for属性为‘name’的label元素的值设置为“姓名:”。
其次是取值操作,同样是使用text方法,通过选取带有for属性为‘name’的label元素,获取该元素的文本值。例如代码中,我们使用变量nameValue来存储带有for属性为‘name’的label元素的文本值。
在实际开发中,赋值和取值操作通常会和表单元素结合使用。例如,我们可以通过遍历表格中所有的tr元素,将label和input元素的值进行配对,从而将label元素的值设置为对应input元素的值。