Question

您好我想使用jQuery

填充与另一个元素具有相同文本的元素

这是我的HTML：

<div class="div1">
   <p>text to be populated in another div</p>
</div>

<div class="div2">
   <p></p>
</div>

所以使用jQuery，我想用div1段落标记中的文本填充div2的段落标记。

所以在执行jQuery之后div2会是这样的

<div class="div2">
   <p>text to be populated in another div</p>
</div>

谢谢！

-Joe

Answer 1

使用jQuery的.text()函数：

http://api.jquery.com/text/

$(".div2 p").text($(".div1 p").text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="div1">
   <p>text to be populated in another div</p>
</div>

<div class="div2">
   <p></p>
</div>

Answer 2

只需使用html()方法获取元素并更新HTML。

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="div1">
  <p>text to be populated in another div</p>
</div>

<div class="div2">
  <p></p>
</div>

＆＃13;

{{1}}

＆＃13;

Answer 3

$('.div2').html($('.div1').html());

Answer 4

使用jquery

尝试此操作

$(document).ready(function () {
var content = $(".div1 p").html();
$(".div2 p").html(content);});

Answer 5

您必须在div2

中为该p标签使用css选择器

$(".div2 p").html($(".div1 p").html())

这是一个例子

＆＃13;

$("#link").click(function(){
  $(".div2 p").html($(".div1 p").html())
})

＆＃13;

.div1{
background-color:yellow;  
}
.div2{
background-color:green;  
}

＆＃13;

<div class="div1">
  This is Div 1
   <p>text to be populated in another div</p>
</div>

<div class="div2">
    This is Div 2
   <p></p>
</div>

<a id="link" href="#">Click to move data from Div 1 to Div 2</a>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

＆＃13;

使用jQuery从另一个元素填充元素和文本

5 个答案: