Hướng dẫn jquery add html to div - jquery thêm html vào div

.Append (nội dung [, nội dung]) Trả về: jQueryReturns: jQuery

Mô tả: Chèn nội dung, được chỉ định bởi tham số, vào cuối mỗi phần tử trong tập hợp các phần tử phù hợp.Insert content, specified by the parameter, to the end of each element in the set of matched elements.

• Phiên bản được thêm vào: 1.0.Append (nội dung [, nội dung]).append( content [, content ] )

  • Nội dung

    Phần tử DOM, nút văn bản, mảng của các phần tử và nút văn bản, chuỗi HTML hoặc đối tượng jQuery để chèn ở cuối mỗi phần tử trong tập hợp các phần tử phù hợp.

  • Nội dung

    Phần tử DOM, nút văn bản, mảng của các phần tử và nút văn bản, chuỗi HTML hoặc đối tượng jQuery để chèn ở cuối mỗi phần tử trong tập hợp các phần tử phù hợp.

• Một hoặc nhiều phần tử DOM bổ sung, nút văn bản, mảng các phần tử và nút văn bản, chuỗi HTML hoặc đối tượng jQuery để chèn ở cuối mỗi phần tử trong tập hợp các phần tử phù hợp..append( function )

  • function

    Phiên bản được thêm vào: 1.4.Append (chức năng)

Một hàm trả về chuỗi HTML, phần tử DOM, nút văn bản hoặc đối tượng jQuery để chèn ở cuối mỗi phần tử trong tập hợp các phần tử phù hợp. Nhận vị trí chỉ mục của phần tử trong tập hợp và giá trị HTML cũ của phần tử làm đối số. Trong hàm, this đề cập đến phần tử hiện tại trong tập hợp.

Phương thức .append() chèn nội dung được chỉ định là đứa con cuối cùng của mỗi phần tử trong bộ sưu tập jQuery (để chèn nó là đứa trẻ đầu tiên, sử dụng ____10).

Các phương thức .append() và

$( ".inner" ).append( "
Test
" );

$( ".inner" ).append( "
Test
" );

  <div class="inner">Hellodiv>
  <div class="inner">Goodbyediv>

$( ".inner" ).append( "
Test
" );

Mỗi phần tử

$( ".inner" ).append( "
Test
" );

$( ".container" ).append( $( "h2" ) );

  <div class="inner">Hellodiv>
  <div class="inner">Goodbyediv>

Bạn có thể tạo nội dung và chèn nó vào một số yếu tố cùng một lúc:

$( ".inner" ).append( "
Test
" );

Mỗi phần tử

$( ".inner" ).append( "
Test
" );

$( ".container" ).append( $( "h2" ) );

Nếu một phần tử được chọn theo cách này được chèn vào một vị trí duy nhất ở nơi khác trong DOM, nó sẽ được chuyển vào mục tiêu (không được nhân bản):

• Quan trọng: Tuy nhiên, nếu có nhiều hơn một phần tử đích, tuy nhiên, các bản sao được nhân bản của phần tử được chèn sẽ được tạo cho từng mục tiêu ngoại trừ phần cuối cùng.
• Lập luận bổ sung

$( ".inner" ).append( "
Test
" );

$( ".inner" ).append( "
Test
" );

$( ".inner" ).append( "
Test
" );

$( ".inner" ).append( "
Test
" );

var $newdiv1 = $( "
" ),
  newdiv2 = document.createElement( "div" ),
  existingdiv1 = document.getElementById( "foo" );
$( "body" ).append( $newdiv1, [ newdiv2, existingdiv1 ] );

$( ".inner" ).append( "
Test
" );

$( ".container" ).append( $( "h2" ) );

$( ".container" ).append( $( "h2" ) );