Question

i 同一类别有3个小区。

<div id="qq1" class="cl">sentence</div>
<div id="qq2" class="cl">sentence</div>
<div id="qq3" class="cl">sentence</div>

i 她想知道,如何为3 divs(call类)使用一种功能的 mo而写正确的代码,并退还用于改动的正确id。

<script>
$( .cl ).live( mouseenter , function() {
    var currentId = $(this).attr( id );
    $( currentId ).css("background-color", "#99cc33");
    $( currentId ).css("color", "white");
});
$( .cl ).live( mouseleave , function() {
    var currentId = $(this).attr( id );
    $( currentId ).css("background-color", "white");
    $( currentId ).css("color", "#404040");
});
</script>

但是,有一些错误的原因,它不工作。

Answer 1

You don t ever use the currentId variable, instead you try to use a string that contains the letters c, u, r, etc., currentId .

为了使之与这一变量合作,你需要说:$(# + presentId.cs(),例如, CurrentId qq1 ,那么实际上你将说$(#qq1 .cs()。

但是,你根本不需要补贴,因为你可以简单地使用<代码>$(本):

$( .cl ).live( mouseenter , function() {
    $(this).css({"background-color" : "#99cc33",
                 "color" : "white"});
});

$( .cl ).live( mouseleave , function() {
    $(this).css("background-color", "white");
    $(this).css("color", "#404040");
});

在一项 j脏活动手稿中,this系指OM要素本身,而$(this)则为这一要素设定了一条 j子,以便你能够就此提出 j。注:.css() 接受多个特性的地图,以便你能够用单一电话绘制这些地图——我已经表明,在<条码>中,星号为<<<>mouseleave<>/code>上,但不能使用<条码>,以便你进行比较。

(说明:与你的问题无关,但如果你使用jQuery 1.7+,你应停止使用live()。由于对.on(-在上有关于如何转换你的代码的指示。如果你使用“带”;1.7,但“有”; 1.4.2,你应使用。

Answer 2

<script>
$( .cl ).live( mouseenter , function() {
    var currentId = $(this).attr( id );
    $( #  + currentId).css("background-color", "#99cc33");
    $( #  + currentId).css("color", "white");
});
$( .cl ).live( mouseleave , function() {
    var currentId = $(this).attr( id );
    $( #  + currentId).css("background-color", "white");
    $( #  + currentId).css("color", "#404040");
});
</script>

你们试图把变数称作字面图。之后再由谁来使用这块 #子,然后把其变数推到这种扼杀。

Answer 3

只是这样做:

<script> 
$( .cl ).live( mouseenter , function() { 
    $(this).css("background-color", "#99cc33"); 
    $(this).css("color", "white"); 
}); 
$( .cl ).live( mouseleave , function() { 
    var currentId = $(this).attr( id ); 
    $(this).css("background-color", "white"); 
    $(this).css("color", "#404040"); 
}); 
</script>

Answer 4

$(document).ready(function() {
  $( .cl ).click(function() {
    var currentId = $(this).attr( id );

    $("#"+currentId).css();
  });
});

这是基本思想,其余只是知识。

友情链接