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 に答える