JSFiddle - React, Tailwind, and code Playground

by Vaibhav Mehta

HTML

<ul>
    <li>
        <div id="doc_title" class="answer-block">
<a id="add_more_title" class="c-gray-btn c-add-btn" onclick="add_title(); return false;" name="add_more_title" href="#">
<ol>
<div id="ttl1">
<li class="ans_li">
<li class="ans_li">
<li class="ans_li">
<li class="ans_li">
<input type="hidden" value="22" name="pt_doc_id[0]">
<input type="hidden" value="sahil_kumar.pdf" name="pt_doc_old_file_iname[0]">
</div>
<div id="ttl2">
<li class="ans_li">
<li class="ans_li">
<li class="ans_li">
<li class="ans_li">
<input type="hidden" value="23" name="pt_doc_id[1]">
<input type="hidden" value="vijay_singh.doc" name="pt_doc_old_file_iname[1]">
</div>
</ol>
<a id="add_more_title" class="c-gray-btn c-add-btn" onclick="add_title(); return false;" name="add_more_title" href="#">
<p class="fade">Note * (Image size should be less then 1 mb and allowed image types are jpg, jpeg, gif, png .)</p>
</div>
</li>
<li>
</ul>

JavaScript

var title_no = $('#doc_title div').size();
alert(title_no);