0

我将如何使用 jquery 修改下面的 JavaScript？

不用jquery也可以，但是既然我们其实是用jquery的，那肯定有更简单的方法。

<!doctype html>
<html>
    <head>
        <title>JavaScript CSS Test1</title>
        <style type="text/css">
            .test{
                font-family:Helvetica,sans-serif;
                color:navy;
                font-size:20px;
                padding-top:10px;
                padding-left:10px;
                padding-right:10px;
                padding-bottom:20px;
                border:5px solid lime;
            }
        </style>
    </head>
    <body>
        <div>
            <div class="test">
                Test1
            </div>
            <div class="test">
                Test2
            </div>
            <div class="test">
                Test3
            </div>
            <div class="test">
                Test4
            </div>
        </div>
        <script>
            window.onload=function(){
                var loc=location.href;
                if(loc.indexOf("javascript-css-test1")!=-1){
                    document.getElementsByClassName("test")[3].style.paddingBottom="3px";
                }
            }
        </script>
    </body>
</html>

此外，我必须将代码集成到现有的 js 中，该 js 具有用于其他几个 url 的变量，以及作为构造函数来初始化其他函数的函数。

谢谢！

4

3 回答 3

2

你可以很容易地用 css 完成它

div:nth-child(4)
{
    color:red;
}
于 2013-07-12T18:01:20.033 回答
1

试试这个 jQuery 代码：

$(window).load(function() {
    loc = location.href
    if(loc.indexOf("javascript-css-test1")!=-1){
        $(".test:nth-child(4)").css({'padding-bottom': '3px'})
    }
})
于 2013-07-12T18:03:42.333 回答
1

你可以使用eqjQuery 的选择器

if(loc.indexOf("javascript-css-test1")!=-1){
   $(".test").eq('3').css({paddingBottom : '3px'});
                      or
   $(".test:eq(3)").css({paddingBottom : '3px'});
}
于 2013-07-12T18:04:22.127 回答