如何从原始HTML获取HTML div属性的值？

Question

I have extracted this HTML using find().

<div class="merged_doc_list_sub_divs" div_type="pdf_doc" id="1500439">
Warwick University response
<img onclick="remove_doc_div(1500439)" src="/img/close.png" style="width:3%;float:right;cursor:initial;">
</div>

Now I want to extract id from this DIV and i tried using .attr('id') but it's giving me an error saying attr() is not a valid function, because the HTML is raw html stored in a variable.

This is what I tried

var destination_list = $('#merged_document_div').find('div.merged_doc_list_sub_divs');
if (destination_list.length > 0)
{
    for (index in destination_list)
    {
        if (rowData['doc_id'] == destination_list.attr('id'))
        {
            rowData["row_exist"] = true;
        }
    }
}

So please let me know how do I do this?

Answer 1

Directly use selector to check whether element exists

var destination_list = $('#merged_document_div').find('div.merged_doc_list_sub_divs#' + rowData['doc_id']);
rowData["row_exist"] = !!destination_list.length;

However as its ID which will be unique just directly use ID selector

rowData["row_exist"] = !!$('#' + rowData['doc_id']).length;

---

If you are using ID to store some arbitrary data, then I would recommend you to use data-* prefixed custom attributes

Answer 2

HI Keyur,

Instead of using for loop, use each loop -

$.each(destination_list, function () {
                if (this.id == rowData['doc_id']) {
                    alert("div found");
                }
            });