Question

问题是我希望将middle1显示为默认值，正如您从代码块中看到的那样。所以问题是现在我有重复的文本，我的意思是它有效，但每次我在一个块中更改文本时我必须复制它并将其粘贴到另一个块中它是如此烦人。

我必须添加或删除哪些内容？

提前谢谢。

HTML：

                    <div class="middle">
                    <div id="middle1">
                          <p>text1</p>                    
                    </div>
                    <div id="middle2">
                       <p>text2</p>

                    </div>
                    <div id="middle3">
                     <p>text2</p>
                     </div>

                    <div class="middle_display" id="question">
                    <p>text1</p>

                    </div>
                    </div>

的CSS：

    .middle{
background-image:url(Images/struktura/midd_midd_border.jpg);
    background-repeat:repeat-y;
height:auto;
float:left;
width:682px;
margin:0 0 0 0;
    }


    #middle1, #middle2, #middle3 {display: none;}

Jquery的：

    <script type="text/javascript">
       $(document).ready(function() {
$('.question1').click(function(){
    $('.middle_display').html($('#middle1').html());
})

$('.question2').click(function(){
    $('.middle_display').html($('#middle2').html());
})

$('.question3').click(function(){
    $('.middle_display').html($('#middle3').html());
})


    });//end of ready
    </script>

Answer 1

您希望middle1的内容显示为默认值吗？插入此行：

$('.middle_display').html($('#middle1').html());

正好在“$（文件）.ready ...”

之下

使用jQuery更改div内容

1 个答案: