清除回答草稿
&&&您需要以后才能回答，未注册用户请先。加载列表时jquery获取ul中第一个li的属性
转载 &更新时间：日 15:00:55 & 投稿：whsnow
通过jquery获取ul中第一个li的属性，当加载列表时，默认希望选中第一条，下面是具体的实现代码
当加载列表时，默认希望选中第一条。top_menu 为ul的ID
通过 $("#top_menu li:first") 就可以获取到 ul下第一个li标签。然后就可以利用
例如 修改属性：$("#top_menu li:first").attr("class","select");
触发事件：$("#top_menu li:first").click();
如果想获取li下的 a标签，如下：
$("#top_menu li:first a")
也可以 修改属性：$("#top_menu li:first a").attr("","");
触发事件：$("#top_menu li:first a").click();
&ul class="nav white" id="top_menu" name="top_menu"&
&!-- 一级菜单 --&
&s:iterator value="list" status="st"&
&li&&a onclick=""&&s:property value="menuName" /&&/a&&/li&
&/s:iterator&
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具html怎么改变 li 的下划线位置，使它向下挪一点_百度知道
html怎么改变 li 的下划线位置，使它向下挪一点
如图就是要使第一幅图编成第二幅图的效果。这是第一幅图li的css，怎么改呢？.articlelistulli{line-height:25background:url(../images/articlelist/dashed.png)repeat-x0}...
如图就是要使第一幅图编成第二幅图的效果。这是第一幅图 li 的css，怎么改呢？.articlelist ul li{ line-height: 25 background:url(../images/articlelist/dashed.png) repeat-x 0}
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
采纳数：593
获赞数：1336
.articlelist ul li{line-height: 25background:url(../images/articlelist/dashed.png) repeat-x 0display:padding-buttom:10}
yuhaichao9
yuhaichao9
采纳数：207
获赞数：1745
加个内边距
为你推荐：
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。用按钮对ul里面的li进行上下移动，变换位置 - ITeye问答
页面上有两个按钮“上移”和”下移“。分别点击按钮，对li进行上下位置的移动（只限制在ul里面）。初始的时候，要选中li改变颜色（得到li，每次选中一个li），在li没被选中的时候，那两个按钮处于不可操作状态，选中一个li后，按钮再对其改变上下位置。在最顶端第一位的时候“上移”按钮不可操作状态；反之，最后一个li，“下移”按钮不可操作。
问题补充：不用JQuery,也不用别人写好的框架。
问题补充：futurep_p 写道你是出题目，还是问问题啊。这个用js可以搞，不过线程框架很多，可以借鉴下
当然js搞定，不然怎么会在这里问。不用别人写好的框架。
问题补充：终点阿虎 写道&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&
&HTML&
&HEAD&
&TITLE& New Document &/TITLE&
&/HEAD&
&style&
li{
background-color: #c1
margin:5
}
&/style&
&script src="jquery.js"&&/script&
&script&
$(document).ready(function (){
$("li").click(function (){
id=new String($(this).attr("id"));
if("aaaa"==id){
$("#up").attr("disabled",true);
$("#down").attr("disabled",false);
}else if("eeee"==id){
$("#up").attr("disabled",false);
$("#down").attr("disabled",true);
$("input[type=button]").attr("disabled",false);
$(document).ready(function (){
$("input[type=button][id=down]").click(function (){
$("ul").append(document.getElementById(id));
$("input[type=button][id=up]").click(function (){
$("ul").prepend(document.getElementById(id));
});
&/script&
&BODY&
&ul&
&li id="aaaa"&aaaa&/li&
&li id="bbbb"&bbbb&/li&
&li id="cccc"&cccc&/li&
&li id="dddd"&dddd&/li&
&li id="eeee"&eeee&/li&
&/ul&
&input id="up" type="button" value="向上移动" disabled="true"/&
&input id="down" type="button" value="向下移动" disabled="true"/&
&/BODY&
&/HTML&
实现的功能差不多了，就是这个jquey中的方法不晓得的用那个。每次都是把li移到最后去了，LZ改改。我顺便学习下
不用jquery实现，要自己写的。
不用jquery ，那就要用到dom的知识，好好查查API 就行
思路跟我上面的实现差不多
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&
&HTML&
&HEAD&
&TITLE& New Document &/TITLE&
&/HEAD&
&style&
li{
background-color: #c1
margin:5
}
&/style&
&script src="jquery.js"&&/script&
&script&
$(document).ready(function (){
$("li").click(function (){
id=new String($(this).attr("id"));
if("aaaa"==id){
$("#up").attr("disabled",true);
$("#down").attr("disabled",false);
}else if("eeee"==id){
$("#up").attr("disabled",false);
$("#down").attr("disabled",true);
$("input[type=button]").attr("disabled",false);
$(document).ready(function (){
$("input[type=button][id=down]").click(function (){
$("ul").append(document.getElementById(id));
$("input[type=button][id=up]").click(function (){
$("ul").prepend(document.getElementById(id));
});
&/script&
&BODY&
&ul&
&li id="aaaa"&aaaa&/li&
&li id="bbbb"&bbbb&/li&
&li id="cccc"&cccc&/li&
&li id="dddd"&dddd&/li&
&li id="eeee"&eeee&/li&
&/ul&
&input id="up" type="button" value="向上移动" disabled="true"/&
&input id="down" type="button" value="向下移动" disabled="true"/&
&/BODY&
&/HTML&
实现的功能差不多了，就是这个jquey中的方法不晓得的用那个。每次都是把li移到最后去了，LZ改改。我顺便学习下
你是出题目，还是问问题啊。这个用js可以搞，不过线程框架很多，可以借鉴下
已解决问题
未解决问题当你的才华不能撑起你的野心时，那就是你该选择学习的时候了！
$("ul li:first");
$("ul li").eq(0);
$("ul li").first();
$("ul li").slice(0,1);//slice第一个参数表示的选取开始的位置，第二个参数是结束的位置
&script type="text/javascript"&
$(function(){
var list=$("ul");
for (var i = 0; i & list. i++) {
$("ul:eq("+i+") li:first").css("background","red");
/*$(function(){
$("ul").each(function(){
$(this).children().first().css("background","red");
/*$(function(){
$("ul li:nth-child(1)").css("background","red");
/*$(function(){
$("ul li:first-child").css("background","red");
阅读(...) 评论()}