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

2019-07-30 10:46:05 阅读：161 来源： 互联网

标签：javascript jquery jquery-selectors

如何附加到具有指定属性的特定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上看到它.

希望这可以帮助！

标签：javascript,jquery,jquery-selectors
来源： https://codeday.me/bug/20190730/1581382.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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