0

我似乎看不到以下代码的问题，也许我失明了。

我们更改颜色的 javascript 行有效，但下一行没有我做错了什么？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<div class="Generic">
    <div class="box">

        <div class="Corner">
        </div>


        <div class="headerText">
            <h1>text1</h1>
            <p>text3</p>
        </div>


        <div class="Content">
            <a href="https://www.mylink.com" title="Sign Up Now">Proceed</a>
        </div>

    </div>

    <p style="float:left; font-weight:bold; padding: 10px; padding-top:35px;">OR</p>

</div>

<script type="text/javascript">

    $("div.box").mouseover(function () {
        $("div.Generic div.Content a").css("color", "yellow");
        $("div.Generic div.Content .box").css("border", "1px solid black");
    });

</script>
4

4 回答 4

4

或者只是使用：

 $("div.box").mouseover(function () {
        $("div.Generic div.Content a").css("color", "yellow");
        $(this).css("border", "1px solid black");
    });

因为你已经选择了它

于 2012-04-23T16:38:39.040 回答
3

看起来你的选择器是向后的。尝试这样的事情：

$("div.Generic div.box div.Content").css("border", "1px solid black");

不过有更好的方法来做到这一点。试试这个：

$(function() {
    $(".box").mouseover(function() {
        $(this).find(".content").css("border", "1px solid black");
        $(this).find(".content a").css("color", "yellow");        
    });
});​
于 2012-04-23T16:37:50.320 回答
1

.box 不在 div.Content 中，

所以它应该是：

$("div.Generic .box").css("border", "1px solid black");

不 ？

于 2012-04-23T16:39:57.997 回答
0

您可以使用hover，您的选择器返回undefined：

http://jsfiddle.net/Fny4X/

于 2012-04-23T16:43:24.367 回答