Getting unknown child div from parent?
    <script type="text/javascript">
    $(".inventory-notes").bind("click", function() {
    	if($(this).text().length > 0) {
    		alert($(this).text());
    		alert($(this).closest(".inventory-notes").children().text());
    	}
    });
    </script>


example table


    <table id="inventory" class="table">
    	<thead>
    		<tr>
    			<th>Item</th>
    			<th>Value</th>
    			<th>Usage</th>
    			<th>Notes</th>
    		</tr>
    	</thead>
    	<tbody>
    		<tr class="items">
    			<td>Hatchet</td>
    			<td>24,000 Gold</td>
    			<td>Woodcutting</td>
    			<td><div class="inventory-notes"><div id="299"><img src="addnotes.png"></div></div></td>
    		</tr>
    	</tbody>
    </table>

How can I get the value 299 from the child div of `inventory-notes`? The table really contains at least 1,000 rows of items each containing a random ID.

I am using jQuery 1.6.2 so I cannot use the `.on() function.`
Getting unknown child div from parent?
===

    <script type="text/javascript">
    $(".inventory-notes").bind("click", function() {
    	if($(this).text().length > 0) {
    		alert($(this).text());
    		alert($(this).closest(".inventory-notes").children().text());
    	}
    });
    </script>


example table


    <table id="inventory" class="table">
    	<thead>
    		<tr>
    			<th>Item</th>
    			<th>Value</th>
    			<th>Usage</th>
    			<th>Notes</th>
    		</tr>
    	</thead>
    	<tbody>
    		<tr class="items">
    			<td>Hatchet</td>
    			<td>24,000 Gold</td>
    			<td>Woodcutting</td>
    			<td><div class="inventory-notes"><div id="299"><img src="addnotes.png"></div></div></td>
    		</tr>
    	</tbody>
    </table>

How can I get the value 299 from the child div of `inventory-notes`? The table really contains at least 1,000 rows of items each containing a random ID.

I am using jQuery 1.6.2 so I cannot use the `.on() function.`