jQuery添加具有特定id元素內的屬性的新DOM元素

Question

是否有一個jQuery中的methodToCreate可以寫成

    $("#someId").methodToCreate("tagName", ".className");

在哪里添加一個帶有tag tagName的元素，並給出一個類className ，並且在一個具有id someId的特定元素中也是someId ？

Answer 1

$("<tag></tag>").addClass("className").attr({id: 'someId'}).appendTo( "body" )

這是和單獨設置所有屬性的示例。

Answer 2

正如所指出的那樣，這種功能不存在，但你可以隨時創建一個。

(function( $ ){
$.fn.methodToCreate= function(tagName,className,id) {
  $(id).append("<"+tagName+" "+"class="+"\'"+className+"\'>"+"SampleContent"+"</"+tagName+">");
  return this;
}; 
})( jQuery );

你可以按照以下方式隨時調用它：

$(document).ready(function(){
$(document).methodToCreate('p','sampleClass','#someId');
});

使用此函數（ methodToCreate ），您可以動態傳遞要追加的元素的tagName ， className和id 。

這是工作小提琴： https ： //jsfiddle.net/varunsinghal65/udrxeg9m/1/#&togetherjs=TBEnLAnNzJ

Answer 3

使用jQuery，您可以創建一個元素

var el = $('<tagName class="className"/>');

然后將其添加到容器中

$('#someId').append(el);

Answer 4

$('#someId').append('<tagname class="className"></tagname>');

如果您將類存儲在變量中（例如myClass ），請不要忘記引用它：

$('#someId').append('<tagname class="' + myClass + '"></tagname>');

Answer 5

不存在該方法，但您可以使用.appendTo

喜歡：

 $("<tagName class='className'></tagName>").appendTo("#someId");

希望能幫助到你。