我试图用 PHP、MySQL、jQuery 和 css 做的一团糟

Posted 2023-02-24

【中文标题】我试图用 PHP、MySQL、jQuery 和 css 做的一团糟

【英文标题】：My mess that I'm trying to do with PHP, MySQL, jQuery and css

【发布时间】：2015-01-03 11:08:35

【问题描述】：

让我们看看我能不能解释一下我想在这里做什么..

我有一个 mysql 数据库，其中存储了一些信息。我正在使用 php 查询数据库，将我选择的条目拉出，将每个条目放入单独的 <div>（使用 Bootstrap 框架）。我已经完成了这部分。 下面是我正在做的事情的 sn-p...

 $query = "SELECT `quote`,`id` FROM `db`";
 $result = mysqli_query($con,$query);
   while($row = mysqli_fetch_array($result))
    
      echo ' <div class="panel panel-info">
        <div class="panel-body text-muted" id="'.$row['id'].'">
    '.$row['quote'].'
  </div>
 </div>';
    

然后我想使用 jQuery 将“单击”上的 css 类添加到单个 <div>，然后能够使用 PHP 将“选定”<div> 的文本存储到变量中，以备后用采用。 这是我正在努力解决的部分，我无法弄清楚如何专门分隔每个 <div> 并让 jQuery 向其中添加类，因为 div 的“id”与 db 查询的每个结果都不同。

【问题讨论】：

什么@NoahMatisoff？许多人称 PHP 为笑话有很多原因，但我看不出你在这里指的是什么。

@NoahMatisoff：什么是？

“使用 PHP 将“选定” 的文本存储到变量中”，您打算如何执行此操作？你的意思是一个 javascript 变量，还是你打算使用 ajax？

你想做什么？您想将点击处理程序附加到 one <div> 还是全部？ “将 [文本] 存储到变量中，以备后用”......以后在哪里使用？在 PHP 中？在 JavaScript 中？

是的，只针对创建的 div 之一，即“点击”的那个。以后在PHP中使用

【参考方案1】：

当一个 div 被点击时添加一个类 -

jQuery

$('div').click(function() 
    $(this).addClass('foo');
    var divText = $(this).text(); // store to JavaScript variable
);

现在您已经存储了 JavaScript 变量，您可以通过 AJAX 将其发送到 PHP 函数。

【讨论】：

是的，我知道该怎么做，但我只想将该类添加到我使用从数据库中提取的信息创建的其中一个 div 中。

啊，你没有解释清楚。您必须测试来自数据库的数据，当满足条件时，添加类。

【参考方案2】：

我要做的是向<div>s 添加一个类，并使用它来附加事件。

<div class="panel-body text-muted click-panel" id="'.$row['id'].'">

然后在你的 JavaScript 中，执行如下操作：

$(function()
    $('div.click-panel').click(function()
        var div_id = this.id,
            div_text = $(this).text();

        if(/* some condition eg. div_id === 5 */)
            $(this).addClass('clicked');
        
    );
);

【讨论】：

但这不会将它添加到该类的所有 div 中吗？如果我提取的信息创建了 15 个不同的 div，那么使用“点击”会将其添加到所有这些，不是吗？

是的，它会的。您是否只想将事件附加到一个 <div>？

是的，只创建了一个 div，即“点击”的那个

你怎么知道是哪一个？当点击<div>s 中的任何 个时，这将触发一个事件。您是否只想将事件附加到其中之一？你怎么知道是哪一个？

那是我的问题哈哈。我不知道如何区分它们。