Php div未正确插入问题jquery

我似乎在正确的区域插入

元素时遇到问题。我想按下一个按钮，在本例中是“more info”，并使用jquery在第一个

div

区域下显示更多信息

例如：

<div id="Main-info">
     <div id="more-info">

     </div> 
</div>

buy.functions.php： jQuery应该可以解决您的问题。比如：

$('.more-info').click(function(e) {
    $(e.target).closest('.more-information').show().load('getinfo.php?id=' + $(this).attr('id'));
    return false;
});

从文档：

最接近的作品首先看 查看当前元素是否匹配 指定的表达式，如果是，则为 只返回元素本身。如果是 如果不匹配，它将继续 按父级遍历文档 父级，直到找到一个元素 匹配指定的表达式。如果 没有找到匹配的元素，则没有 将被退回

此外，您的“更多信息”div应该具有类更多信息，而不是ID，因为ID应该是唯一的，否则可能会发生奇怪的事情。

jQuery应该可以解决您的问题。比如：

$('.more-info').click(function(e) {
    $(e.target).closest('.more-information').show().load('getinfo.php?id=' + $(this).attr('id'));
    return false;
});

从文档：

最接近的作品首先看 查看当前元素是否匹配 指定的表达式，如果是，则为 只返回元素本身。如果是 如果不匹配，它将继续 按父级遍历文档 父级，直到找到一个元素 匹配指定的表达式。如果 没有找到匹配的元素，则没有 将被退回

---

此外，您的“更多信息”div应该包含类更多信息，而不是ID，因为ID应该是唯一的，否则可能会发生奇怪的事情。

我尝试了上面的脚本，并将“更多信息”div更改为类，但当我单击“更多信息”按钮时，似乎什么也没有发生。@John-抱歉，我忘了提到，closest（）需要jQuery 1.3及以上版本才能工作。你在用它吗？@John-当点击“更多信息”时，调查（对不起，我真的认为这可能解决了问题）会很快给你回复“button nothing仍然出现，但firebug使用最接近的脚本在控制台响应中显示它。我尝试了上述脚本并将“更多信息”div更改为类，但当我单击“更多信息”按钮时，似乎什么也没有发生。@John-抱歉，我忘了提到，最接近的（）需要jQuery 1.3及以上版本才能工作。你在使用它吗？@John-查看它（对不起，我真的认为它可能已经解决了）会很快返回给你。在一些混乱和附加div等之后。当单击“更多信息”按钮时，仍然没有发生任何事情，但是firebug使用最接近的脚本在控制台响应中显示它。

<?php
function outputDescriptionTable($id)
{
    $mysql = new mysqli('localhost', 'root', 'root', 'ajax_demo') or die('you\'re dead');   
    $result = $mysql->query("SELECT * FROM explore WHERE id=" . $id) or die($mysql->error);

    if($result) 
    {
        echo "<table> \n";

        while($row = $result->fetch_object()) 
        {
            $siteName = $row->site_name;
            $siteDescription = $row->site_description;
            $siteURL = $row->site_url;
            $sitePrice = $row->site_price;

            echo "<div id=\"more-information\"> \n";
            echo "  <tr> \n";
            echo "      <td>" . $siteDescription . "</td> \n";
            echo "      <td>" . $sitePrice . "</td> \n";
            echo "  </tr> \n";
            echo "</div> \n";           
        }

echo "</table> \n";
    }

}
?>
    <?php $id = $_GET['id']; ?>
    <?php outputDescriptionTable("$id"); ?>

$(function(){
$("tr").hover(function(){
    $(this).addClass("hover");
}, function() {
    $(this).removeClass("hover");
});

$('.more-info').click(function() {
$('#more-information').show().load('getinfo.php?id=' + $(this).attr('id'));
return false;
});
});

$('.more-info').click(function(e) {
    $(e.target).closest('.more-information').show().load('getinfo.php?id=' + $(this).attr('id'));
    return false;
});