Question

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

离。

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

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

Answer 1

jQuery('div[attribute=234]').html('test');

Check on jsfiddle

Answer 2

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

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

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

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

<强>更新

如果您有多个目标<div>并且您正在寻找特定的目标，请在触发器上使用通配符选择器（在我们的示例中，我们将使用^=运算符'以'开头'）然后将其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上查看。

希望这有帮助！

Answer 3

这是您匹配div（<div attribute="234"></div>）的方式：

$("div[attribute=234]").html('Lets write something...');

是否可以追加具有给定属性的div？

3 个答案: