Load first div from another page using jquery or php

Question

I am not ever sure this is possible but I know you guys will know the answer.

I wonder if it is possible to load the first div on a page into a different page.

Example:

This code is on "list.php"

<div class="message_details">
Some Content 1
</div>
<div class="message_details">
Some Content 2
</div>

I found this article and it works but it brings in all div's but I want to load only the first div.

Here is the code I have now that loads all divs

$(document).ready(function() {
    $(".loader").load('list.php .message_details');
});

How can I load only the first div? Also is there any way to remove an img tag within the selected div?

Thanks everyone

Austin · Accepted Answer · 2012-08-01T19:13:11.890

3

Use the :first-child selector

$(".loader").load('list.php .message_details:first-child', function() {
    $(this).find("img").remove();
});

edited Aug 01 '12 at 19:13

answered Aug 01 '12 at 19:07

Austin

I knew it would be something easy like that. Do you know if there is a way to strip out any img tags? – BostonBB Aug 01 '12 at 19:10
Actually this should be done in the callback, ill write it up in my answer. – Austin Aug 01 '12 at 19:11

score 0 · Answer 2 · answered Aug 01 '12 at 19:08

0

simply echo the the div in the second page. Give each div an id, then echo that. (unless i am misunderstanding your goal)

answered Aug 01 '12 at 19:08

ryno

2 Answers2