如何获取jQuery Post返回的HTML中元素的内容

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);
        });
    });

ajax请求返回的数据是这样的

    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“ iss”时，我想获取div“ itemcode”的内容。 我知道如何获取被单击的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

我建议使用class而不是id，因为id不能重复。 因此，请同时使用itemcode和iss作为类。 还缺少每个项目块的开头tr。

var item = $（this）.parent（）。parent（）。find（'。itemcode'）。text（）;
var item = $（this）.parent（）。parent（）。find（'。itemcode'）。html（）;