javascript - 如何使用jQuery检查元素是否添加到页面？

Question

所以我使用无限滚动，当我滚动 x 像素时，页面中会添加新对象。但是如何使用 jQuery 检查页面中是否添加了新元素（class或id）？

（我想检查一下，因为如果添加了新元素，我想在新元素上做一些 jQuery）。

Answer 1

只需在 append() 之后使用 .length 来检查它是否存在

$('#elemId').length;

像这样...

if($('#elemId').length > 0){ //your code here };

或者编写自己的函数....

jQuery.fn.Exists = function(){
    return jQuery(this).length > 0;
};

然后用它来返回真假...

if($('#elemId').Exists()){ //your code here };  

或者您可以使用 livequery() 插件...

$('#elemID').livequery(function()
{
// do things here like binding new events and stuff.
// this function is called when an object is added.
// check the API for the deletion function and so on.
});

在 jQuery 网站上，我似乎再也找不到该插件了，但它确实存在于某一时刻

你也可以试试 DOMNodeInserted ...

$(document).bind('DOMNodeInserted', function(e) {
console.log(e.target, ' was inserted');
});

您可以使用 on()....如果您的选择器始终相同...

因此，例如，假设您滚动时总是添加一个名为 class="newDiv"... 的新 div。

然后你要执行的jquery....如果你想绑定一个事件来点击...

$(document).on( 'click', '.newDiv', function(){ //your code here
 });