Question

我想在frontpage-course-list div中添加标记，但下面的代码会在frontpage-course-list div中添加类。

    $( "#frontpage-course-list" ).add( "a" ).addClass( "myclass" );
    var pdiv = $( "#frontpage-course-list" ).add( "a" );

请告诉我如何添加

Answer 1

使用追加

$("#frontpage-course-list").append("<a class='yourclass'></a>");

这会将锚点添加为该指定元素的最后一个子元素（frontpage-course-list）。

如果您想将锚添加为firt child，请使用prepend

$("#frontpage-course-list").prepend("<a class='yourclass'></a>");

你也可以尝试类似的东西，

var anchor = $("<a/>", {
    'class': 'yourclass',
    'href': 'your href'
});
$("#frontpage-course-list").append(anchor);

Answer 2

你必须使用追加：

 $( "#frontpage-course-list" ).append("<a class='myclass'>My custom link</a>");

如果你想要一个img，你可以做到

$( "#frontpage-course-list" ).append("<a class='myclass'><img src='/path/to/image'></a>");

或者，如果您想要图像（不是链接），可以编写以下内容：

$( "#frontpage-course-list" ).append("<img src='/path/to/image'>");

Answer 3

如果你想用所述类创建一个新的锚元素，然后将它添加到div然后你可以使用

$('<a />', {
    'class': 'myclass'
}).appendTo('#frontpage-course-list')

.add()将返回一个jQuery对象，该对象包含调用集中的元素和传递选择器返回的元素。

Answer 4

以下内容不会保存添加的元素，因为.add（）方法会创建一个新集合并使pdiv中的原始集保持不变：

  $( "#frontpage-course-list" ).add( "a" ).addClass( "myclass" );
  var pdiv = $( "#frontpage-course-list" ).add( "a" );// WRONG, pdiv will not change.

要完成此操作，请使用.append。

 $("#frontpage-course-list").append("<a class='myclass'></a>");

Reference DOC

如何在div中添加标记

4 个答案: