Javascript 将具有相同类的div加载到模式对话框中

我正在创建一个相当简单的FAQ系统，以彻底检查我公司过时的FAQ系统。页面布局非常基本：

<div class="faq_c"> // Container
  <div class="faq_q">Question Goes Here</div>  // Question -- clicking this should open the Answer div in a dialog
  <div class="faq_a">Answer Goes Here</div> // Answer
</div>

jQuery（修订版）

这不完全正确。它不是打开单个所需的

faq\u a

而是打开所有这些问题。我也不知道如何在div中获得所需的布局

---

提前感谢。

看起来您只需要：

//var$dialog=$（'+$（'.faq_q'）++'
'+$（'.faq_a'）+''）；///坏的
var$dialog=$（'div，.faq_q，hr，.faq_a'）；//好
$dialog.单击（函数（）{
警报（“点击”）；
});

点击我
在我将其集成到原始代码中时似乎不起作用。现在我在第17行得到了一个未捕获的异常（SyntaxError:Unexpected token），它只是}）@rws907您是否检查了var声明后的分号？@rws907如果您可以在jsFiddle或stack片段中设置分号，我将再看一看。
Question
--------- // Horizontal Rule formatted with CSS
Answer

$(document).ready(function(){
    $('.faq_a').each(function(){
            $('.faq_a').dialog({
                autoOpen: false,
                modal: true,
                resizable: false,
                draggable: false,
                overflow: scroll,
                title: "Frequently Asked Question",
                width: 500
            });

        $('.faq_q').click(function(){
            $('.faq_a').dialog('open');
        });
    });
});