javascript - 如何将一个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();
});

您可以在此处阅读有关 text() 和 html() 函数的信息 jquery api - html