如何将div的值分配给另一个div

Question

我是jquery的新手。我写了一小段代码

<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代码：

$(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(); 
    }); 
}); 

现在，当我点击的选项（12304/12305/12306/12307）有的话，值必须替换标题标题的内容。怎么做？

Answer 1

你猜你正在寻找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(); 
     }); 
    }); 

你可以阅读这里jquery api - html