jquery怎么获取lable标签里面的内容？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery怎么获取lable标签里面的内容？相关的知识，希望对你有一定的参考价值。
真是一个lable标签，我现在动态给它添加内容
，我现在想获取到这个内容，怎么获取呢？用了var a=$("#userId").html;也不行，求解决
jquery提供了三个获得内容的方法： text()、html() 以及 val()，其中前两个可用于解决本问题：
$("label#userid").text(); // 首选，获取label的文本$("label#userid").html(); // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法
下面给出实例演示：分别使用以上两种方法获取label标签的内容，注意最终结果的区别
创建Html元素
<div class="box"><span>点击按钮获取label中内容：</span><br>
<div class="content">
<label id="userid">输入用户名</label><input type="text">
</div>
<input type="button" value="获取label中的内容">
</div>
设置css样式
div.boxwidth:300px;padding:20px;margin:20px;border:4px dashed #ccc;div.box spancolor:#999;font-style:italic;
div.contentwidth:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;
h3display:inline-block;
input[type='button']height:30px;margin:10px;padding:5px 10px;
编写jquery代码
$(function()$("input:button.btn1").click(function()
alert($("label#userid").text());
);
$("input:button.btn2").click(function()
alert($("label#userid").html());
);
)
观察效果
使用text()方法获取标签内的内容
使用html()方法会获取到标签内的元素（包含Html标记）
jq("#userId").text();
获取里面的html元素
jq("#userId").html();
要加括弧，因为这是方法，不是属性本回答被提问者采纳 参考技术B //这些方法是获取值 可以试试
$('#userId').text();
$('#userId').val();
$('#userId').html();
//而要赋值 注意括号里的值是已经声明的对象 或者是常量（字符串或数字等等）
$('#userId').text('');
$('#userId').val('');
$('#userId').html(''); 参考技术C $("#userId").val(); 参考技术D $("#userId").html()
或者document.getElementById(userId).innerHTML
jquery用append给标签里面加东西，但是怎么解决不能重复添加的问题了？
判断，已经添加进标签里的数据，不能重复添加
附有3张图，图片太小，放大页面可以看清
2、点击"选中"，获取字符串str
3、先判断str是否已包含在arr，如果不存在继续你的操作，且把str放进arr里面，如果已存在，则中断你的添加事件
注：在某些条件，需要对arr清空，比如在清空你那些li标签的时候，应该需要清空arr
还有一种方式，就是每次点击"选中"，先获取所有li标签的内容，然后放进一个数组。然后判断添加的字符串是否在生成的数组里面，不存在的话就继续添加，存在的话，就中断，这种方式不需要去关心初始化的arr是否清空的问题 参考技术A
给你个我以前的demo，原理差不多，参考一下
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>append</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-3.2.1.js"></script>
<style>
* padding:0;margin:0;font-size:14px;box-sizing:border-box;
.a padding: 24px;border: 1px solid #847AE8;height:640px;overflow-x:hidden;overflow-y:auto;
.a p color: #f0f;
</style>
</head>
<body>
<button class="add">点击添加</button>
<div class="a"></div>
</body>
<script type="text/javascript">
$(function()
$(".add").click(function()
var t = (Math.random()*(5-1)+1).toFixed(0);
var p = $('<p id="'+t+'">'+t+'</p>');
if( !$('.a').children('p[id='+t+']').length )
$('.a').append(p);
else
$('.a').append('<p style="color: #999;">'+t+'已存在！</p>');
$(".a").scrollTop($(".a")[0].scrollHeight);
);
);
</script>
</html>本回答被提问者采纳
以上是关于jquery怎么获取lable标签里面的内容？的主要内容，如果未能解决你的问题，请参考以下文章
jquery validate怎么根据条件使用不同验证规则。比如根据一个lable里面是0还是1.