jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用jquery将类添加到nth-child大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用 jquery向nth-child添加一个类,以便它可以在IE中工作.它似乎没有工作,我已经按照一些例子没有结果.我把小提琴联系起来了 @H_801_5@ @H_801_5@http://jsfiddle.net/aosto/XghbU/

@H_801_5@
<div id='tasklist'>
    <ul class='header'>
        <li>
            <div class='listitem head'>number</div>
            <div class='listitem head'>Description</div>
            <div class='listitem head'>Start Date</div>
            <div class='listitem head'>Due Date</div>
            <div class='listitem head'>Edit/View</div>
            <div class='listitem head'>Complete</div>
        </li>
    </ul>
</div

 #tasklist ul {
clear:both;
list-style:none;
margin:0;
padding:0;
}
 #tasklist ul li {
clear:both;
margin:3px;
padding:3px;
}
 .listitem {
float:left;
display:inline-block;
}
 .listitem2 {
width:400px;
}

    $( document ).ready(function() {
        $('#tasklist ul li:nth-child(2)').addClass("listitem2");
    });


 <head>
    <link href='css/style.@L_262_4@' type='text/css' rel='stylesheet'>
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/ie_style.css" />
<![endif]-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
    $( document ).ready(function() {
        $('.listitem:nth-child(2)').addClass("listitem2");
    });
</script>
 </head>

解决方法

你的选择器应该是以下内容,以便在list标签解决你的第二个div !! @H_801_5@ @H_801_5@
$('#tasklist ul li div:nth-child(2)')
@H_801_5@或者,如果您实际上尝试定位列表元素,则应该在标记中列出两个列表元素.

大佬总结

以上是大佬教程为你收集整理的使用jquery将类添加到nth-child全部内容,希望文章能够帮你解决使用jquery将类添加到nth-child所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。