I have used the line below in my app. But now I need to parse the html loaded before I show it. Whats the best way to get certain html elements.
$("#div").load("page.html");
Thanks
UPDATED
Now I am using this but having trouble geting the title attribute of a div with the id "div".
function get_title()
{
$.get("test.html", function(data) {
var data = $(data);
var title = $("#div", data).attr("title");
alert(title);
});
}
The html in the var data looks like this.
<div id="div" title="title example">
<p>
Content
</p>
<p>
Content
</p>
</div>
Thanks again
You can use the semi-equivalent expanded version of $.get()
, like this:
$.get("page.html", function(data) {
var data = $(data);
//do something
$("#div").html(data);
});
Note that calling .html(data)
in this case is just a shortcut for .empty().append(data)
.
Or, if post-processing is an option, just use the .load()
callback, like this:
$("#div").load("page.html", function() {
$(this).find(".class").remove(); //just an example
});
Instead of calling .load()
, you should call $.get
to perform an AJAX request and manually process the response.
jQuery.ajax({
url:'your_url',
type:'get',
dataType:'html',
success:function(data)
{
var _html= jQuery(data);
//do some thing with html eg: _html.find('div').addClass('red')
jQuery('#target').html(_html);
}
});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With