accessing first element in js collection

Question

in my js function I had following

success: function (result) {
     $.each(result, function (i, item) {                  
        $("#tab-" + item.myType).append(result);
     })
}

Now I've change this function and instead I have following

success: function (result) {
   $("#tab-how To Access to the first result collection element ").html(result);
 }
}

I tried with

$("#tab-" + result[0].item.myType).html(result);

but it didn't help.

Question is: How to access to the first js element inside result collection object

Any thoughts ?

Using console.log(result) I'm getting html snippets which I display on partial view

div class="product clearfix">
        <div class="l-new">
            <a href="#">
                @Model.MyType (rendered as My Type)
            </a> 
....
</div>

Answer 1

You can try:

result[0] // if you have numeric indices in your result collection

OR

var firstItem = null;
for(var x in result) { // if you have named properties
    firstItem = result[x];
    break;
}