jquery怎么获取lable标签里面的内容

jquery怎么获取lable标签里面的内容,第1张

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编辑器里面的文字和图片内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9871127.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存