Problem with variable containing html from json call
Greetings,
I have a slight problem when trying to select the href element of an a tag,
in html contained in a variable.
The variable contains html returned from a json call.
<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
$.getJSON("http://www.xxxxxx.dk/admin/admin?func=searchViaAjax",
{
thingId: "Y_3cB3qZ4rFgfPKlOk8wiw",
},
handleJson
);
function handleJson(data) {
var array = data.searchResult_loop;
var fieldsMessage = '';
var fieldsData = '';
var colModel = new Array();
var colData = new Array();
$.each(data.displayInSearchFields_loop, function(i,item) {
colModel.push({name:item.displayInSearchFields_label,index:item.displayInSearchFields_fieldId, width:100});
fieldsMessage = fieldsMessage + 'Field Name : ' + item.displayInSearchFields_label + ' Field Id : ' + item.displayInSearchFields_fieldId + '\r\n';
});
$.each(data.searchResult_loop, function(i,item){
var tmpObj = {};
var iObj = {};
var counter = -1;
$.each(item.searchResult_field_loop, function(j,jitem){
counter++;
iObj[colModel[counter].name] = jitem.field_value;
});
colData.push(iObj);
});
for(var i=0;i<colData.length;i++) {
alert ( colData[i][colModel[0].name] );
// The above displays:
// <img src="/extras/fileIcons/png.gif" /> <a href="/uploads/84/c7/84c7d8427d3f50a8d6612b08b503923d/lady1.png">lady1.png</a>
var text = colData[i][colModel[0].name];
// I want to extract the a tags href value, i'd do it like this
var url = $(text).find('a').attrib('href');
// However, i get undefined now matter how i try this.
// What am i doing wrong?
}
}
});
// ]]></script>