javascript – 是否可以附加到具有给定属性的div？

如何附加到具有指定属性的特定div？

恩.

<div attribute="234"></div>

$('#divwithattribute234').append('test');

解决方法

我强烈建议您阅读有关 using custom attributes的这篇文章,因为即使在允许自定义属性的HTML5中也不会有效.为什么不简单地使用一个类,因为你可以拥有你想要的多少？

<div class"some_class some_other_class target_class"></div>

在上述所有类中,假设’target_class’是用于标识< div>的类,您可以选择它并附加到它

$(".target_class").html('test');

更新：

如果您有多个目标< div> s并且您正在寻找特定的目标,请在触发器上使用通配符选择器(在我们的示例中,我们将使用^ =运算符,这意味着’以’开头’)然后将其ID分配给变量,然后我们将其传递给< div>选择.假设您想在单击链接时将文本添加到div …

HTML

<a href="#" class="some_class" id="target_div_1">Add to DIV 1</a><br />
<a href="#" class="some_class" id="target_div_2">Add to DIV 2</a><br />
<a href="#" class="some_class" id="target_div_3">Add to DIV 3</a><br />

<div class="some_other_class target_1">Div 1</div>
<div class="some_other_class target_1">Div 2</div>
<div class="some_other_class target_1">Div 3</div>

jQuery的

$("a[id^=target_div_]").click(function(event) {
    var targetID = $(this).attr('id').substr(11);
    $("div.target_" + targetID).html('content got inserted in div ' + targetID);

    event.preventDefault();
});

在JSFiddle上看到它.

希望这可以帮助 ！