在页面加载时将类添加到动态生成的元素

时间:2016-04-06 18:43:25

标签: javascript jquery html5

我正在尝试将一个类添加到动态添加到页面的元素中。我已经看到很多关于点击或其他事件的解决方案,我似乎无法在页面加载中找到一个。将elemnt添加到页面后,我需要立即触发我的代码(没有用户触发的事件)。是否有相当于以下代码,只是不是为了点击而是在页面加载:

$('body').on('click', '#myDiv', function() {
    $(this).addClass('myClass');
});

2 个答案:

答案 0 :(得分:1)

 $("body").bind("DOMNodeInserted", function() {
    $(this).find('#myDiv').addClass('my_own_class');
 my});

因为通过JavaScript的动态添加元素无法直接访问,而我尝试定位的元素是通过源无法访问的动态添加到DOM的。要操纵它(添加类)我必须首先定位一个非动态的父元素。然后我可以使用.bind来定位它的子元素(动态元素)。从那里我可以添加课程。我回答了下面的问题。

答案 1 :(得分:-2)

 $( document ).ready(function() {
  // Handler for .ready() called.
});
  

DOM准备好后执行的函数。 jQuery API