下記の スクリプトだと全ての<li>タグが影響されてしまいます。特定のdivのみなどに指定する場合は、どのように記述すればよいでしょうか?

よろしくお願いします。

$(function(){
$("li").hover(
function(){
this.style.backgroundColor = "#F4DFDF";
},
function(){
this.style.backgroundColor = "white";
}
);
});

このQ&Aに関連する最新のQ&A

A 回答 (2件)

これでいけるっぽいです。

(jquery使ってるんですよね?)
-------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> </title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/ …
</head>
<body>

<ul class="hoge">
<li>あああ</li>
<li>あああ</li>
<li>あああ</li>
</ul>

<ul>
<li>あああ</li>
<li>あああ</li>
<li>あああ</li>
</ul>


<script type="text/javascript">

$(function()
{
$("ul.hoge li").hover(function()
{
this.style.backgroundColor = "#F4DFDF";
},
function()
{
this.style.backgroundColor = "white";
});
});

</script>
</body>
</html>
    • good
    • 0
この回答へのお礼

ありがとうございます!

お礼日時:2011/04/20 18:23

対象としたいdivのidやclassを指定すればいいのではないでしょうか。


>$("li").hover(

$("#divのid属性値 li").hover(

$("div.class属性値 li").hover(
という感じで。
    • good
    • 0
この回答へのお礼

ありがとうございます!

お礼日時:2011/04/20 18:22

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング

おすすめ情報