让我们看看我是否可以解释我在这里要做的事情。。
我有一个MySQL数据库,里面存储了一些信息。我用PHP查询数据库,提取我选择的条目,将每个条目放入一个单独的<div>
(带有Bootstrap框架)中。我已经完成了这一部分。下面是我正在做的一个片段。。。
$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在"单击"单个<div>
时添加一个css类,然后能够使用PHP将"选定"<div>
的文本存储到一个变量中,以供以后使用。这是我正在努力解决的部分,我不知道如何具体地分离每个单独的<div>
,并让jQuery向其中添加类,因为div的"id"与db查询的每个结果都不同。
单击div时将类添加到div-
jQuery
$('div').click(function() {
$(this).addClass('foo');
var divText = $(this).text(); // store to JavaScript variable
});
现在已经存储了JavaScript变量,可以通过AJAX将其发送到PHP函数。
我要做的是向<div>
添加一个类,并使用它来附加事件。
<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');
}
});
});