Как получить содержимое элемента в HTML, возвращаемый Jquery пост

Question

У меня есть запрос на пост JQuery, которые возвращают табличные данные в формате HTML Это JQuery размещать

jQuery('#chem_search').submit(function(e){ 
     e.preventDefault(); 
     var itemcode=jQuery('[name="itemcode"]').val(); 
       jQuery.post("chemical_search_query.php", {"itemcode":itemcode}, function(data) { 
     jQuery('#type2').html(data); 
     }); 
    }); 

данные, возвращаемые Аякса запрос как этот

echo "<div id='dar'><table class='s_report'><tr><th>Item Code</th><th>Description</th><th>Unit</th><th>Op. Stock</th><th>Recd. Qty</th><th>Total Receipts</th><th>Used Qty</th><th>Available Stock</th></tr>"; 
    $sr_no=0; 
       while($row=mysql_fetch_array($result)) 

       { 


        $dateform=explode('-',$row['recd_date']); 

        $dateform2=explode('-',$row['analysed_date']); 
        $dateform3=explode('-',$row['report_send']); 

        echo "<td><div id='itemcode'>" . $row['item_code']. "</div></td>"; 
        echo "<td>" . $row['description'] . "</td>"; 
        echo "<td>" . $row['uom'] . "</td>"; 
        echo "<td>" . $row['open_stock'] . "</td>"; 
        echo "<td>" . $row['recd_total'] . "</td>"; 
        echo "<td>" . $sum=$row['open_stock']+$row['recd_total'] . "</td>"; 
        echo "<td><div id='iss'>" . $row['issue_qty'] . "</div></td>"; 
        echo "<td>" . $available=$sum-$row['issue_qty'] . "</td>"; 

        echo "</tr>"; 
       } 

       echo "</table></div>";} 

Я хочу, чтобы получить содержание DIV «Артикул», когда я нажимаю на DIV «ИСС». Я знаю, как получить содержимое div, который нажал. Но это не требование. Любой вариант?

Answer 1

Вы можете попробовать это

$('#type2').on('click', '#iss', function(e){ 
    var ic = $(this).closest('td').closest('tr').find('td > div#itemcode').text(); 
}); 

Кроме того, я вижу echo "</tr>"; в конце, но не видел открытие <tr> тега, поэтому убедитесь, что вы вкладываете теги правильно, в противном случае, он не будет работать.

Answer 2

Я рекомендую использовать класс вместо id, потому что идентификатор не может быть дубликат. поэтому используйте itemcode и как класс. Также отсутствует открытие tr для каждого блока элементов.

var item = $ (this) .parent(). Parent(). Find ('. Itemcode'). Text();
var item = $ (this) .parent(). Parent(). Find ('. Itemcode'). Html();