关于网页代码的问题 我有一个<ul>标签里面有5个<li>标签怎么样用css选择器同时选中第2,3

关于网页代码的问题 我有一个<ul>标签里面有5个<li>标签怎么样用css选择器同时选中第2,3,第1张

一般在写html页面时,经常会用到<ul>标签,那么对于多个<ul>标签来说,怎么才能选择到第一个<ul>标签呢?而且怎么选择<ul>标签里的第n个<li>元素呢?
工具/原料
submit
电脑
方法/步骤
第一部分:获取第n个<ul>标签:我们写两个<ul>,并且每个都有三个<li></li>标签,以数字1,2,3,4,5,6来测试,最后想要的到的效果如下图所示:即第一个<ul>标签里的元素全变为红色,

方法一:我们给要选定 *** 作的<ul>标签加一个标记<class>,随便一个能标识的标记都可以,比如name,id都行。然后用class选择器对它进行 *** 作,如图所示,所得效果未上图效果,这是通过间接的方式对标签进行选择,代码如下图:

方法二:通过元素选择器找到ul,然后利用代码ul:nth-child(n)找到第n个ul,然后对ul进行相应的设置,也可以完美的达到我们需要的效果,这也是最常用的方法,代码如图:

第二部分:获取<ul>标签的第n个<li>标签,利用ul li:nth-child(n)来实现对 <ul>标签里第n个<li>的设置。效果和代码如图所示:


E

你好!!

$('ss')click(function(){
    var    $radio = $(this)find("input[type=radio]"),
             $flag  = $radiois(":checked");
    if( !$flag ){
        $radioprop("checked",true);   
    }
});

如下:

1、HTML结构:设计三个li元素

<ul id="test">

<li>Glen</li>

<li>Tane</li>

<li>John</li>

</ul>

2、css样式:设计一个类selected,表示选中后的效果

<style>

selected{font-weight:bold; background: #ff99cc; color:#fff;}

</style>

3、jquery代码:

$(function(){

$("#test li")click(function() {

$(this)siblings('li')removeClass('selected');  // 删除其他兄弟元素的样式

$(this)addClass('selected');                            // 添加当前元素的样式

});

});

4、效果演示:

var sel = $("select");
$("ul li")click(function(){
var me = $(this);
selfind("option:eq("+meindex()+")")prop("selected",true);
})

我用的是jquery ,希望帮到你,代码如下,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">mysql> SELECT SQL_CALC_FOUND_ROWS FROM `table` LIMIT 20,10 ;
mysql> SELECT FOUND_ROWS()
详见:>

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

原文地址: http://outofmemory.cn/yw/13085432.html

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

发表评论

登录后才能评论

评论列表(0条)

保存