2011-12-04 5 views
0

jqueryを初めて使用しています。私は、コードdivの値を別のdivに割り当てる方法

<div id="tablediv"><table><tr><td><h2>Select SalesPerson</h2></td><td id="heading"><h3>&nbsp;Click Here&nbsp;</h3></td></tr> 
    <tr><td></td><td id="101" class="options">12304</td></tr> 
    <tr><td></td><td id="102" class="options">12305</td></tr> 
    <tr><td></td><td id="103" class="options">12306</td></tr> 
    <tr><td></td><td id="104" class="options">12307</td></tr> 
</table></div> 
</center> 
<div id="imagediv"><img src="" id="photo" alt="No Image Found" width="150" height="150"/></div> 

の小片を書いて、私は、次のjqueryのコードを使用:私はオプション(12304/12305/12306/12307)の上のいずれかをクリックすることを、今

$(document).ready(function(){ 
    $('td.options').hide(); 
    $("#heading").click(function(){ 
     $('td.options').toggle(); 
    }); 
    $("td.options").hover(function(){ 
     var imgsrc = $(this).attr('id')+".jpg"; 
     $("#photo").attr('src',imgsrc); 
    }); 
    $("td.options").click(function(){ 
     // $("td.options").val($("#heading").val); 
     //alert($('td.options').text()); 
     //alert($(this).parent().attr('id')); 
     //alert($(this).parents('.class')); 
     $('td.optiodns').hide(); 
    }); 
}); 

を値はという見出しタグの内容を置き換える必要があります。どうやってするの?

答えて

2

あなたはhtml機能を探していると思います:

$("#heading").click(function(){ 
      $('td.options').toggle(); 
     }); 
     $("td.options").hover(function(){ 
      var imgsrc = $(this).attr('id')+".jpg"; 
      $("#photo").attr('src',imgsrc); 
     }); 
     $("td.options").click(function(){ 
      $("#heading").html($(this).html()); 
      $('td.optiodns').hide(); 
     }); 
    }); 

あなたがここにtext()html()機能についてjquery api - html

+1

を読むことができるだけで、 '$(この).hide()' 'の後を挿入html() 'を呼び出して、' $( 'td.optiodns')。hide() 'を削除してください。 * note *隠し呼び出しで 'options'のスペルも間違っています。 – Cyclonecode

+0

ありがとうございました... –

関連する問題