jQuery添加具有特定id元素内的属性的新DOM元素

时间:2017-01-27 19:57:04

标签: javascript jquery dom

jQuery中是否有 lambda x: view.grab().save('img.jpg') 可以写成

methodToCreate

其中会添加标记为 $("#someId").methodToCreate("tagName", ".className"); 的元素,并为其添加一个类tagName,并且该元素也会在具有标识className的特定元素内?

5 个答案:

答案 0 :(得分:2)

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

以下是单独设置所有属性的示例。

答案 1 :(得分:1)

正如所指出的那样,这种功能并不存在,但你总是可以创建一个。

(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),您可以动态传递要附加到的元素的tagNameclassNameid

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

答案 2 :(得分:0)

使用jQuery可以创建一个元素

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

然后将其添加到容器

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

答案 3 :(得分:0)

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

如果您将类存储在变量中(例如myClass),请不要忘记引用它:

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

答案 4 :(得分:0)

不存在该方法,但您可以使用 .appendTo

像:

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

希望它有所帮助。