0

私はいくつかの div を持っています。そのうちの 1 つにカーソルを合わせると、div に ID を表示したいと思います。

<div id="display_id_div" >hover me</div>

ありがとう。私のhtml

<div id="display_id_div" >hover me</div>
<div id="div1" >hover me</div>
<div id="div2" >hover me</div>
<div id="div3" >hover me</div>

. jqueryコード:

$(div).hover(function(){
    $("#display_id_div") =  $(this.id);
})​
4

4 に答える 4

3

関数と割り当てを混同しています。関数呼び出しに何かを割り当てることはできません。

コードにいくつかのエラーがあります。

$(div).hover(function(){

とはdiv? 変数か？html で sを選択する場合は、次divのことを行う必要があります。

$('div[id^=div]')

[id^=div]部分は、で始まるIDを持つsを選択することdivですdiv

だから今あなたのコードは次のようになります

$('div[id^=div]').hover(function() {
   $("#display_id_div") =  $(this.id);
});

の を変更する必要があるinnerHTMLため#display_id_div、使用します

$('#display_id_div').html(this.id);

.html()をセッターとゲッターとして使用する方法が 2 つあります。ここでは、引数を指定してセッターとして機能します。引数なしで呼び出された場合、それはゲッターです

最終的なコード:

$('div[id^=div]').hover(function() {
    $('#display_id_div').html(this.id);
});
于 2012-05-24T07:47:40.253 に答える
2

デモ http://jsfiddle.net/jJRJT/4/​​またはhttp://jsfiddle.net/jJRJT/5/

コード

$("div").hover(function(){
      alert(this.id);
})​;

また

それをhtmlに入れる

$("#display_id_div").html(this.id);

于 2012-05-24T07:43:47.097 に答える
2 
$('div').hover(function(){ // attach hover callback to all divs.
    $('#display_id_div').html(this.id); // change display_id_div innerHTML value
                                        // to the hovered id.
})​;
于 2012-05-24T07:45:24.697 に答える
0

.html()関数jqueryを利用するために必要なこのコード行を書くだけです

$("#display_id_div").html( $(this).attr('id'));

最終的なコードは

 $("div").hover(function()
  { 
    $("#display_id_div").html(  $(this).attr('id'));
  });​
于 2012-05-24T07:43:47.317 に答える