javascript - 使用 jQuery 将两个 div 合并到一个 .html 中

Question

我有一个包含内容的 div

<div class="takemyvalue">Blah</div>

这个位填充了第三个

$('.filldiv').val(  $('.takemyvalue').html());

如何将另一个 div 的值加入到 filldiv 中:

 <div class="takemyvalue2">Boo</div>

那么输出将是“Blah Boo”？

Answer 1

您可以使用 jquery .text() 获取每个 div 的文本并将它们合并到新的 div(带有类 .filldiv)中。或者 。 html() :

$('.filldiv').text($('.takemyvalue').text() + $('.takemyvalue2').text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="takemyvalue">Blah</div>

<div class="takemyvalue2">Boo</div>

<div class="filldiv"></div>

The .val() method is primarily used to get the values of form elements such as input, select and textarea. In the case of select elements, it returns null when no option is selected and an array containing the value of each selected option when there is at least one and it is possible to select more because the multiple attribute is present.

正如评论中提到的，您可以使用 .append()保留 .filldiv 内容:

$('.filldiv').append($('.takemyvalue').text() + $('.takemyvalue2').text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="takemyvalue">Blah</div>
<div class="takemyvalue2">Boo</div>
<div class="filldiv">Another content</div>