Javascript jQuery展开一个无法正常工作的标记

Javascript jQuery展开一个无法正常工作的标记,javascript,jquery-ui,collapse,expand,Javascript,Jquery Ui,Collapse,Expand,我一直在努力让锚定标签的工作,但不知何故,我错过了一些东西。我浏览了这里几乎所有的链接,但没有发现我的代码和帮助选项之间的区别 我所需要的只是对任意一行单击“+”符号进行简单的展开。我正在javascript文件中动态构建div。不知何故,我只能展开所有备用行。因此,如果我的回答有5个元素,我只能每隔一行展开一次!有人能告诉我怎么了吗 谢谢 马尤里 function DisplayResultsGrid(obj) { $.each(obj, function(index, item) {

我一直在努力让锚定标签的工作,但不知何故,我错过了一些东西。我浏览了这里几乎所有的链接,但没有发现我的代码和帮助选项之间的区别

我所需要的只是对任意一行单击“+”符号进行简单的展开。我正在javascript文件中动态构建div。不知何故,我只能展开所有备用行。因此,如果我的回答有5个元素,我只能每隔一行展开一次!有人能告诉我怎么了吗

谢谢

马尤里

function DisplayResultsGrid(obj) {
    $.each(obj, function(index, item) {
        $("#divRequestDetails").append('<div class="requestDetailItem"><a href="#" class="lnkRequest"> + </a><div class="toggleDays">This is the text to expand</div></div>').append('<div class="rowSeparator"></div');
        $('.toggleDays').hide();
        $('.lnkRequest').click(function() {
            $(this).next('.toggleDays').toggle();
        });
    });
}
函数显示结果网格(obj){
$。每个(对象、功能(索引、项目){

$(“#divRequestDetails”).append('这是要展开的文本').append(“每次循环时,您都会向所有.lnkRequest元素追加一个单击。您没有向当前元素添加事件。因此,第一个将有第一个单击事件,加上下一个,再加上第三个,以此类推

您需要在每个循环之外分配事件或使用事件委派

function DisplayResultsGrid(obj) {
    $.each(obj, function(index, item) {
        $("#divRequestDetails").append('<div class="requestDetailItem"><a href="#" class="lnkRequest"> + </a><div class="toggleDays">This is the text to expand</div></div>').append('<div class="rowSeparator"></div');
    });
    $('.toggleDays').hide();
    $('.lnkRequest').click(function() {
        $(this).next('.toggleDays').toggle();
    });
}
函数显示结果网格(obj){
$。每个(对象、功能(索引、项目){

$(“#divRequestDetails”).append('这是要展开的文本').append('你能添加一个jsfiddlelearn吗?这很管用!!!非常感谢。我的每个循环之外都有一个事件,但在取消更改时,我意外地将它添加了回来。再次感谢。。。