javascript - Editing results while being appended? -
i have following script displays data returned serverside page onto clientside page:
function getresults() { var search; search = $(".txtsearch").val(); $.ajax({ url: 'search.aspx', type: 'post', data: { strphrase:search }, error: function(xhr, status, error) success: function(results) { $("#resultscontainer").empty(); $("#resultscontainer").append(results); } }); }
is possible check results returned being appended , make changes it?
for example, imagine results returned html follows:
<div><a href="link1.xls">link 1</a></div> <div><a href="link2.xls">link 2</a></div> <div><a href="link3.doc">link 3</a></div> <div><a href="link4.xls">link 4</a></div>
is possible check .doc in links , remove full div around particular link leaving following?
<div><a href="link1.xls">link 1</a></div> <div><a href="link2.xls">link 2</a></div> <div><a href="link4.xls">link 4</a></div>
yes, try this:
success: function(results) { var $results = $(results); $results.find('a[href$=doc]').parent().remove(); $("#resultscontainer").empty().append($results); }
this places results
in jquery object, turning string dom elements.
then uses jquery's .find()
method locate nested <a>
elements href attribute ends with doc
.
it traverses .parent()
element, , calls .remove()
.
notice the .append()
method appends $results
modified. not original results
string.
Comments
Post a Comment