Php 如何使用变量内容作为css类名?

Php 如何使用变量内容作为css类名?,php,javascript,jquery,variables,Php,Javascript,Jquery,Variables,这个很好用,只是我真的只想在每个问题的基础上打开答案 注意:“$”与“jQuery”的区别只是因为包装函数中的.js文件中有一个允许WordPress中的“$”出现,而此时不起作用的只是页面源代码中的“$”。非常感谢大家的投入 更新(最终版): 对于在搜索中遇到此问题的任何人,我将发布最终的工作代码。要使其正常工作,还需要将所有内容包装到document.ready函数中 工作版本: $('.atoggle').click(function() { $('.answer-table').slid

这个很好用,只是我真的只想在每个问题的基础上打开答案

注意:“$”与“jQuery”的区别只是因为包装函数中的.js文件中有一个允许WordPress中的“$”出现,而此时不起作用的只是页面源代码中的“$”。非常感谢大家的投入

更新(最终版):

对于在搜索中遇到此问题的任何人,我将发布最终的工作代码。要使其正常工作,还需要将所有内容包装到document.ready函数中

工作版本:

$('.atoggle').click(function() {
$('.answer-table').slideToggle('fast');
});

jQuery(文档).ready(函数(){

如果
答案表-*ID*
答案表*ID*
是属于某些HTML元素的类,请尝试以下操作:

<script type="text/javascript" language="javascript">
    jQuery(document).ready(function() {
    <!--
        <?php
        echo("var answersC = 'answertable'+$qrow->id;");
        echo("var newanswersC = 'newanswertable'+$qrow->id;");
        echo("var toggleC = 'toggletable'+$qrow->id;");
        ?>

        jQuery('.'+toggleC).click(function() {
        jQuery('.'+answersC).slideToggle('fast');
        jQuery('.'+newanswersC).slideToggle('fast');
        });
    });
        // -->
</script>

jQuery('.answer table-'+qrow_id)。单击(函数(){
jQuery('.answersC'+qrow_id).slideToggle('fast');
});
而不是

<?php
echo 'var qrow_id = '.$qrow->id.';';
?>

jQuery('.answer-table-'+qrow_id).click(function() {
      jQuery('.answersC'+qrow_id).slideToggle('fast');
});
试一试

请注意,如果页面上有多个切换和答案,请使用toggleall答案进行切换单击。要仅切换属于单击答案的答案,请使用:

jQuery('.'+toggleC).click(function() {
      jQuery('.'+answersC).slideToggle('fast');
最后,请注意,您不需要在类中添加id(transversability,yada-yada),您可以使用

jQuery('.'+toggleC).click(function() {
      jQuery(this).find('.'+answersC).slideToggle('fast');

为了只创建一个事件处理程序而不是“行数”。(但这不是很重要)

您是否尝试查看此代码评估的结果?您的字符串变量周围没有引号。我建议使用一种不涉及生成Javascript的方法。在您的情况下,我会将所有切换按钮都赋予相同的CSS类(例如
toggle
),并给他们在HTML数据属性中切换的元素的ID。在大多数情况下,您不需要编写太多的单击处理程序。jQuery有很棒的选择器,您可以只编写一个处理程序来处理所有类似的HTML标记。发布典型的呈现HTML,我们将能够帮助您编写该处理程序。抱歉,我太慢了o回到这里。我正准备尝试提供的解决方案,但想解释这种方法的原因,如果还有更好的,我完全支持。它基本上是一个问答应用程序的后端,每个问题都有一个答案列表。这个脚本的目的是创建一种切换答案显示的方式每个问题都有。我已经可以为所有问题切换所有答案了,但是我想要一个更简洁的解决方案。@amit\u g-你能对此进行一点扩展吗?所以我想我的脚本不仅要在.class\u名称上点击一下,还要在自定义数据属性中点击匹配的id?我不确定如何编写这部分。很好,但我假设
$qrow->id
是一个数字。此外,问题在于JavaScript。如果
answersC*id*
是一个类,他应该在
jQuery('answersC'+toggleC.)中添加一个点。slideToggle('fast'));
。您关于如何在函数中命名类的建议是正确的,我已经验证了它解析到了正确的id。但是我已经尝试了上面修改过的代码的所有三种变体,但是,即使没有出现错误,它也不会像它应该显示的那样显示内容。我意识到原来的问题已经得到了回答,所以我可能会回答如果您能编辑您的问题,并添加一些html,包括toogleC和answerC,我们将非常乐意为您提供帮助;)昨晚我考虑过这个问题,但意识到你的回答解决了我的问题,所以我把最后一期转到了一个新的帖子。结果我只需要将所有内容都打包到一个文档中。准备好了功能,一切都成功了。再次感谢你花时间帮助我!
<?php
echo 'var qrow_id = '.$qrow->id.';';
?>

jQuery('.answer-table-'+qrow_id).click(function() {
      jQuery('.answersC'+qrow_id).slideToggle('fast');
});
jQuery('toggleC').click(function() {
      jQuery('answersC').slideToggle('fast');
jQuery('.'+toggleC).click(function() {
      jQuery('.'+answersC).slideToggle('fast');
jQuery('.'+toggleC).click(function() {
      jQuery(this).find('.'+answersC).slideToggle('fast');
jQuery('table').delegate('.'+toggleC, 'click', (function() {
    jQuery(this).find('.'+answersC).slideToggle('fast');