jquery当前选择的最后一个兄弟元素怎么表示
2个回答
2016-12-04 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
jQuery 选择器中 :last 表示最后一个元素，所以表示含有某类属性的最后一个元素可用如下代码表示
1
$("test-class:last") // 表示最后一个属于test-class类的元素
示例如下：
创建Html元素
<div class="top">
<ul>
<li>list-1</li>
<li class="selected">list-2</li>
<li class="selected">list-3</li>
<li>list-4</li>
<li class="selected">list-5</li>
</ul>
<span>红色列表项表示属于selected类，弹出框显示了最后一个属于selected类的元素的内容</span>
</div>
设置css样式
div.top{margin:50px;padding:10px;width:300px;height:250px;border:2px dashed #ebbcbe;}
li{padding:5px;}
li.selected{color:red;font-weight:bold;}
span{color:#999;}
编写jquery代码
$(function(){
$("ul").click(function() {
alert($("li.selected:last").text());
});
})
1
$("test-class:last") // 表示最后一个属于test-class类的元素
示例如下：
创建Html元素
<div class="top">
<ul>
<li>list-1</li>
<li class="selected">list-2</li>
<li class="selected">list-3</li>
<li>list-4</li>
<li class="selected">list-5</li>
</ul>
<span>红色列表项表示属于selected类，弹出框显示了最后一个属于selected类的元素的内容</span>
</div>
设置css样式
div.top{margin:50px;padding:10px;width:300px;height:250px;border:2px dashed #ebbcbe;}
li{padding:5px;}
li.selected{color:red;font-weight:bold;}
span{color:#999;}
编写jquery代码
$(function(){
$("ul").click(function() {
alert($("li.selected:last").text());
});
})
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
HTML code<html>
<head>
<meta charset="gb2312" />
<title></title>
<script src="jquery-latest.js"></script>
<style>
</style>
</head>
<body>
<INPUT id="txt" TYPE="text" NAME="" value="1">
<INPUT TYPE="text" NAME="" value="2">
<INPUT TYPE="text" NAME="" value="3">
<INPUT TYPE="text" NAME="" value="4">
<script>
$("#txt").click(function(){
var $lastInput = $(this).nextAll("input:last");
alert($lastInput.val())
});
</script>
</body>
</html>
<head>
<meta charset="gb2312" />
<title></title>
<script src="jquery-latest.js"></script>
<style>
</style>
</head>
<body>
<INPUT id="txt" TYPE="text" NAME="" value="1">
<INPUT TYPE="text" NAME="" value="2">
<INPUT TYPE="text" NAME="" value="3">
<INPUT TYPE="text" NAME="" value="4">
<script>
$("#txt").click(function(){
var $lastInput = $(this).nextAll("input:last");
alert($lastInput.val())
});
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
