无法选择PHP从数据库加载的元素的值

Question

我已经使用PHP从数据库中获取数据。 我无法选择元素的值。 虽然数据是在DOM中加载的。 如果我只是编写HTML标记，那么我可以选择其他标记

<?php
$results = $mysqli->query("SELECT product_code, product_name, product_desc, product_img_name, price FROM products ORDER BY id ASC");
if($results){ 
$products_item = '<ul class="products">';
//fetch results set as object and output HTML
while($obj = $results->fetch_object())
{
$products_item .= <<<EOT
    <li class="product">
    <form method="post" onsubmit="return false">
    <div class="product-content"><h3>{$obj->product_name}</h3>
    <div class="product-thumb"><img src="images/{$obj->product_img_name}"></div>
    <div class="product-desc">{$obj->product_desc}</div>
    <div class="product-info">
    Price {$currency}{$obj->price} 

    <fieldset>

    <label>
        <span>Color</span>
        <select name="product_color" class='product_color'>
        <option value="Black">Black</option>
        <option value="Silver">Silver</option>
        </select>
    </label>

    <label>
        <span>Quantity</span>
        <input type="text" size="2" maxlength="2" name="product_qty" class='product_qty' id='product_qty' value="1" />
    </label>

    </fieldset>
    <input type="hidden" name="product_code" value="{$obj->product_code}" />
    <input type="hidden" name="type" value="add" />
    <input type="hidden" name="return_url" value="{$current_url}" />
    <div align="center"><button class="add_to_cart" id='add_to_cart' type='submit'>Add</button></div>
    </div></div>
    </form>
    </li>
EOT;
}
$products_item .= '</ul>';
echo $products_item;
}
?> 

这是正在使用的javascript。

window.onload = function () {
   $('.add_to_cart').click(function(){

       $parent = $(this).parent();
    $qty = $parent.children('.product-desc').text();
    alert($qty);
   })
};

如果我只是使用HTML标记而不是使用PHP生成的上述HTML，则上述代码有效。

提前致谢。 对此进行了大量搜索，但未找到任何相关内容。 尽管我也尝试过Javascript的“ .on”和“ .live”函数，但是它们没有起作用。

Answer 1

$parent = $(this).parent(); 在按钮周围选择<div align="center"> 。 使用$parent = $(this).closest('.product'); 代替。

尽管我建议实际绑定到表单的submit事件，而不是click按钮。