JQ如何获取UL里的前3个li,然后更改em的class属性

可使用CSS3给前3个li设置样式，具体代码如下：

newlist ul li:nth-child(1){}/第一个li的样式设置/

newlist ul li:nth-child(2){}/第二个li的样式设置/

newlist ul li:nth-child(3){}/第三个li的样式设置/

newlist ul li:nth-child(1) > span{}/第一个li下面的span样式设置/

newlist ul li:nth-child(1) > em{}/第一个li下面的em样式设置/

比较简单, 用live:

$("#showtitle")live("click",function () {

                    var id = $("#showtitle>ul>li")attr("value");

                    alert(id);

 });

可以考虑用length属性， jquery代码: $(“#ulname li”)length。

1、ul 是 Unordered List（无序列表）的缩写。与之相对的有<ol>有序列表标签，列表里的项目用<li>标签记述，所有主流浏览器都支持 <ul> 标签。在 HTML 401 中，ul 元素的 "compact" 和 "type" 属性是不被赞成使用的。

2、<li> 是列表项目标签，定义列表项目。<li> 标签支持全局属性，<li> 标签支持所有 HTML 事件属性。在 HTML 401 中，li 元素的 "type" 和 "value" 属性是不被赞成使用的。在 XHTML 10 Strict DTD 中，li 元素的 "type" 和 "value" 属性是不被支持的。

3、ul和li常规方法：

li {background: url(/images/icongif) no-repeat 0px 50%; padding-left:17px;}

4、复杂方法：

ul {list-style:none;}

li{background: url(/images/icongif) no-repeat 0px 50%; padding-left:17px;}

可以解决上面的浏览器不兼容的问题。首先，清除默认的项目符号，然后加上我们自己的背景。no-repeat告诉浏览器不要平铺这张，0px 50%告诉背景应该位于距左侧0px 且竖直方向位于顶部往下50%处，实际上就是在竖直方向居中。我们在左侧加上了17px的边距，这样那些15px宽5像素高的小图标就能完全显露出来，不会被文本遮挡，并且和文本之间有一点间隔。

5、简单方法

ul{list-style-image:url(/images/icongif);}

这种方法不同的浏览器的显示效果会有一些差异，主要是在的垂直位置上。有些浏览器会使和列表项文本的中部位置平齐，有的又会显示得高一些，总之就是有些不一致。

你绑定个onclick事件好了，然后吧this当参数传进去，在js中处理，根据传入object对象，获取该对象的id属性，这个时候你就知道是谁被选中了，然后还要处理一下冒泡事件。

这是javascript版本的。完成点击按钮放幻灯片的业务，都差不多，你自己看看做吧。javascript和jquery差不多，获取参数的是attr（“id”）。

function display(obj){

$("tp")stylebackgroundImage="url('/TSKJ/images/"+objid+"jpg')";

stopBubble(e);

}

//解决ul中的冒泡事件

function stopBubble(e){

if(e){

estopPropagation();

}else{

windoweventcancelBubble = true;

}

}

以上就是关于JQ如何获取UL里的前3个li,然后更改em的class属性全部的内容，包括:JQ如何获取UL里的前3个li,然后更改em的class属性、JQuery无法动态获取li标签从数据库里读取的值、jquery怎么获得ul中li的个数等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！