admin管理员组

文章数量:1417691

UPDATE:

The issue was the div was in a div that was hidden, when divs are hidden length, offset(), position() don't work properly.

// Original Post below.

This should be simple.

I'm trying to test if a div exsists on the page after an ajax .html() output

if($('#'+mydiv).length != 1) {
   // do stuff
}

there is only one problem, if the div your searching for is not there when (document).ready fires then .length doesn't see it.

UPDATE:

The issue was the div was in a div that was hidden, when divs are hidden length, offset(), position() don't work properly.

// Original Post below.

This should be simple.

I'm trying to test if a div exsists on the page after an ajax .html() output

if($('#'+mydiv).length != 1) {
   // do stuff
}

there is only one problem, if the div your searching for is not there when (document).ready fires then .length doesn't see it.

• javascript
• jquery
• xhtml

Share Improve this question Follow edited May 6, 2012 at 0:18 kr1zmo asked Feb 4, 2011 at 6:40 kr1zmokr1zmo 83733 gold badges1313 silver badges3030 bronze badges 3

• 1 Can you show the code of the ajax call, One mon mistake is to not wait for the ajax call to finish, remember that it is asynchronous and the initial call will return to the script before any response from the server. Any code that is to interact with any new content need to be in a callback method to the ajax call. – David Mårtensson Commented Feb 4, 2011 at 6:44
• is the div you're checking from the ajax response? – corroded Commented Feb 4, 2011 at 6:45
• You seem to be testing correctly if the div exists,what exactly is the problem then? – Yoni Commented Feb 4, 2011 at 6:45

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 3

You could just use the size() method

if($('#'+mydiv).size() != 1) {
   // do stuff
}

This recounts the number of matching elements in the DOM.

If you are performing an async request, which I assume you are (async:true in JQuery) then you should be using size() in the success callback of your function, after the content has been added.

   $.ajax({
        url: requestUrl,
        type: 'POST',
        dataType: 'json',
        data: {},
        success: function(response) {
                $('#container').html(response.data);
                if($('someSearch').size() > 0)
                    alert('exists');
            }
    });

You could use something like:

$('#loader').load('url', {variable1:var1}, function () { 
    if($('#'+mydiv).length != 1) {
       // do stuff
    }
});

That should look for anything loaded after your load call is finished loading.

I run into the exact same problem with the ticker after page content has been loaded using ajax - my solution was to use the livequery plugin : http://github./brandonaaron/livequery/downloads. I then use it in the following way:

$('.ticker').livequery(function() {     
    if ($(this).length > 0) {
        var thisObj = $(this);
        if (thisObj.length > 1) {
            jQuery.each(thisObj, function() {                   
                systemObject.tickerExe($(this));
            });
        } else {    
            systemObject.tickerExe(thisObj);
        }
    }
});

I hope this helps.

Ensure your div isn't hidden when checking length. Usually, hidden div's can cause lots of problems.

本文标签： javascriptjQueryusing length to find div after ajax callStack Overflow