
jquery提供了三个获得内容的方法: text()、html() 以及 val(),其中前两个可用于解决本问题:
$("label#userid")text(); // 首选,获取label的文本
$("label#userid")html(); // 也可以实现,获取label标签内的所有html标记,一般情况改下label标签内就是文本,所以等效上面的方法
下面给出实例演示:分别使用以上两种方法获取label标签的内容,注意最终结果的区别
创建Html元素
<div class="box">
<span>点击按钮获取label中内容:</span>
<div class="content">
<label id="userid">输入用户名</label><input type="text">
</div>
<input type="button" value="获取label中的内容">
</div>
设置css样式
divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
divbox span{color:#999;font-style:italic;}
divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
h3{display:inline-block;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
编写jquery代码
$(function(){
$("input:buttonbtn1")click(function() {
alert($("label#userid")text());
});
$("input:buttonbtn2")click(function() {
alert($("label#userid")html());
});
})
text()设置或返回所选元素的文本内容。
1、jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的 *** 作。由John
Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的
开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受
欢迎的JavaScript库。
2、SPAN技术主要是用来监控交换机上的数据流,大体分为两种类型,本地SPAN和远程
SPAN ----Local Switched Port Analyzer (SPAN) and Remote SPAN (RSPAN),实现方
法上稍有不同。 利用SPAN技术我们可以把交换机上某些想要被监控端口(以下简称受控端
口)的数据流COPY或MIRROR一 份,发送给连接在监控端口上的流量分析仪,比如CISCO
的IDS或是装了SNIFFER工具的PC 受控端口和 监控端口可以在同一台交换机上(本地SPAN
),也可以在不同的交换机上(远程SPAN)。
在线文档对UEditor说明不够全面,收集了一些常用的方法和基本设置,以供参考。
1、创建编辑器
UEgetEditor('editor', {
initialFrameWidth:"100%" //初始化选项
})
精简版
UEgetEditor('editor')
2、删除编辑器
UEgetEditor('editor')destroy();
3、设置焦点
UEgetEditor('editor')focus();
4、获取编辑器内容
UEgetEditor('editor')getContent()
5、编辑器是否有内容
UEgetEditor('editor')hasContents()
6、获取编辑器内容纯文本格式
UEgetEditor('editor')getContentTxt()
7、获取带格式的纯文本
UEgetEditor('editor')getPlainTxt()
8、启用编辑器
UEgetEditor('editor')setEnabled();
9、禁止编辑
UEgetEditor('editor')setDisabled('fullscreen');
10、获取整个html内容
UEgetEditor('editor')getAllHtml()
11、常用设置
imageUrl:UEDITOR_HOME_URL + "/yunserver/yunImageUpphp", //上传接口
imagePath:">
scrawlUrl:UEDITOR_HOME_URL + "/yunserver/yunScrawlUpphp",//涂鸦接口
scrawlPath:">
fileUrl:UEDITOR_HOME_URL + "/yunserver/yunFileUpphp",//文件上传接口
filePath:">
catcherUrl:UEDITOR_HOME_URL + "php/getRemoteImagephp",//获取远程接口
catcherPath:UEDITOR_HOME_URL + "php/",
imageManagerUrl:UEDITOR_HOME_URL + "/yunserver/yunImgManagephp",//管理接口
imageManagerPath:">
snapscreenHost:'ueditorbaiducom',
snapscreenServerUrl:UEDITOR_HOME_URL + "/yunserver/yunSnapImgUpphp",//截图接口
snapscreenPath:">
wordImageUrl:UEDITOR_HOME_URL + "/yunserver/yunImageUpphp",//word转存接口
wordImagePath:">
getMovieUrl:UEDITOR_HOME_URL + "/yunserver/getMoviephp",//获取视频接口
lang:/^zh/test(navigatorlanguage || navigatorbrowserLanguage || navigatoruserLanguage) 'zh-cn' : 'en',
langPath:UEDITOR_HOME_URL + "lang/",
webAppKey:"9HrmGf2ul4mlyK8ktO2Ziayd",
initialFrameWidth:860, //初始化宽度
initialFrameHeight:420, //初始化高度
focus:true //是否焦点
$(this,"ipt")
改为
$("ipt",$(this))
或者
$(this)find("ipt")
即可
看来你对jq的选择器用法还是不够理解啊
可以使用each循环来实现:
$("#datalist1 tr")each(function(){ // 循环每一行
var one=$(this)find("td:eq(0)")find("input")val(); //取第一列中input的值
var two=$(this)find("td:eq(1)")find("input")val(); // 取第二列中input的值
var three=one+tow; // 两列值相加
$(this)find("td:eq(2)")find("input")val(three); // 赋值给第三列中的intput
})
以上就是关于jquery怎么获取lable标签里面的内容全部的内容,包括:jquery怎么获取lable标签里面的内容、jquery如何获取span的文本、前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字和图片内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)