jquery find第一个(jquery如何获取每一行的最后一列的第一个元素)
本文目录
- jquery如何获取每一行的最后一列的第一个元素
- 用jQuery怎么获取div下第一个或最后一个a标签的内容
- 如何用jquery取出table中当前行里的第一个文本框值
- $(this).find(’ul:first li’); jquery用法 ul:first li 求解释这句话什么意思 是获取第一个ul
- 点击表格内一行,jquery获得此行第一个的input的value
- jquery 选择后有多个元素取第一个
jquery如何获取每一行的最后一列的第一个元素
1.遍历要操作的table的tr;2.通过选择器td:last获取到本行最后一个单元格td;3.通过first()获取到第一个元素;示例代码:
《html》《head》 《title》《/title》 《script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"》《/script》 《script type="text/javascript"》 $(document).ready(function () { var obj; $("tr").each(function () { obj = $(this).find("td:last").first(); console.log($(obj).html()); }); }); 《/script》《/head》《body》 《table》 《tr》 《td》1《/td》 《td》2《/td》 《td》《h1》aaaa《/h1》3《/td》 《/tr》 《tr》 《td》4《/td》 《td》5《/td》 《td》《h3》bbbb《/h3》6《/td》 《/tr》 《/table》《/body》《/html》
用jQuery怎么获取div下第一个或最后一个a标签的内容
提供两种方法获取div下第一个或最后一个a标签的内容:
- 使用选择器 first-child 和 last-child
- 使用遍历方法 first() 和last()
《div id="test"》《a href="#"》第1个超链接《/a》《a href="#"》第2个超链接《/a》《a href="#"》第3个超链接《/a》《a href="#"》第4个超链接《/a》《/div》《input type="button" id="btn1" value="第一个超链接"》《input type="button" id="btn2" value="最后一个超链接"》2、jquery代码
$(function(){$("#btn1").click(function() {var str = $("#test a:first-child").text();alert(str);});$("#btn2").click(function() {var str = $("#test a").last().text();alert(str);});});3、效果演示
如何用jquery取出table中当前行里的第一个文本框值
jQuery 遍历的 eq() 方法将匹配元素集缩减值指定 index 上的一个,index表示元素的位置(最小为 0)。所以获取Table第 i 行第 j 列的内容可用如下代码$("table").find("tr").eq(i-1).find("td").eq(j-1).text(); // 注意-1是因为index从0开始计数实例演示创建Html元素《div class="box"》《span》填写行列数,点击按钮后获取对应位置的数值:《/span》《br》《div class="content"》《table》《tr》《td》1《/td》《td》2《/td》《td》3《/td》《/tr》《tr》《td》4《/td》《td》5《/td》《td》6《/td》《/tr》《tr》《td》7《/td》《td》8《/td》《td》9《/td》《/tr》《/table》《/div》第《input type="text" name="row"》行,第《input type="text" name="col"》列《input type="button" class="btn" value="确定"》《/div》添加css样式div.box{width:300px;height:250px;padding:10px 20px;border:4px dashed #ccc;}div.box》span{color:#999;font-style:italic;}div.content{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}input{width:35px;height:30px;border:1px solid #99ccff;}input{width:100px;height:30px;margin:10px;border:2px solid #ebbcbe;}.selected{background:#99ccff;}table{border-collapse:collapse;}td{padding:5px 10px;border:1px solid green;}编写jquery代码$(function(){$("input:button").click(function() {row = $("input").val() - 1;col = $("input").val() - 1;val = $("table").find("tr").eq(row).find("td").eq(col).text();alert(val);});})
$(this).find(’ul:first li’); jquery用法 ul:first li 求解释这句话什么意思 是获取第一个ul
jquery提供了丰富的选择器用以帮助我们方便的操作页面的dom元素。为了方便解释这个问题我们先构建一个html代码片段:
《div id="test"》 《ul id="ul1"》 《li》ul1-1《/li》 《li》ul1-2《/li》 《li》ul1-3《/li》 《/ul》 《ul id="ul2"》 《li》ul2-1《/li》 《li》ul2-2《/li》 《li》ul2-3《/li》 《/ul》《/div》
下面我们逐步来分析你所说的语句,首先假定this为id为test的div元素,那么$(this)既是选中了整个id为test的div元素。$(’#test’).find(’ul’)是选取对象中所有的ul标签
:first代表选取第一个元素,类似的:last代表选择最后一个元素,如果希望灵活的选择某个元素可以用:eq(i),i代表元素的下标。
所以$(’#test’).find(’ul:first’)代表选中第一个ul
空格代表选择该对象的子元素,所以$(’#test’).find(’ul:first li’)代表选择ul1中的3个li
点击表格内一行,jquery获得此行第一个的input的value
$("#table tr").click( $(this).child("td:eq(0)")//你试试这个。each($(this).find("td"),function(){if($(this).index()==0){alert("我是这行里面第一个td");}})//两个找第一个td找到td后,$td.find(":check")//获取td中check空间。$td.find(":check").attr("checked",true);//设置为true,如果不好使,就设置成attr("checked","checked"););
jquery 选择后有多个元素取第一个
我们经常能够用jquery获取一组dom对象,但是我们只想操作第一个元素时,有什么好方法来用jquery第一个元素的呢,用jquery第一个元素很简单,用到了筛选的方法,假设有这样一段一组列表:《ul》《li》11《/li》《li》22《/li》《li》33《/li》《li》44《/li》《li》55《/li》《/ul》我们要取到11所在的li元素,有一下几种方法:$(’ul’).find(’li:first’);$(’ulli:first’);$(’ulli’).eq(0);这几种方法,就是常用的jquery取得第一个元素的方法转载,仅供参考。
更多文章:
xml文件怎么转换成pdf文件(xml格式的word文档怎么转换为pdf,或者xml格式的word怎么转换成word格式的)
2024年5月18日 07:17
霹雳大喇叭里面王祖贤爸妈的扮演者是谁?霹雳大喇叭演员joanne的母亲的演员是谁
2024年7月6日 16:56
datepicker指定可选日期(jquery.datepicker怎么指定日期为每个月最后一天)
2024年7月8日 06:30
proposal词根词缀(请教purpose 的词根词缀 和 词根pose系列单词的意思)
2024年8月12日 13:15
win7 powershell下载(怎么在win7系统上下载xboxgamebar)
2024年9月1日 00:10
discuz免费移动端模板(MUED(www.visds.com)上的discuz x2免费模板怎样)
2024年7月13日 10:17
表格trim函数(excel表格中卡号数字后面的空格怎么一起删除)
2024年8月27日 03:10
c语言round函数怎么用(C语言问题,这里怎么实现四舍五入的啊)
2024年7月12日 14:30
微信小程序和原生APP比起来有什么优势?相比阿里云的飞天系统,腾讯云用的是什么系统
2024年7月15日 07:33
404 not found nginx是什么(404 NOT FOUNT nginx什么意思)
2024年7月14日 01:24
mysql存储过程返回(mybatis调用mysql存储过程(返回参数,单结果集,多结果集))
2024年8月31日 04:45