Question

我遇到了一个无法解决的问题，因为我对JS或jQuery了解不够。

我做了一个小提琴，以便说明我得到的一点点 http://jsfiddle.net/2TvAq/12/

所以我有一个foreach将创建一个表格，显示每场比赛的锦标赛。（小提琴只是我想要做的一个例子）

我还有一个链接“+ more infos”，它必须只显示带有点击锦标赛描述的div。

我不知道怎么做，如何在一场比赛之间做出改变。

另外，我在div内容中添加的内容是

<?php
<div style="display:none" class="ContentInfos">'.  $tournoi->getDescription() 
?>

但是，描述是html代码作为数据库中的文本，所以我在我的div中有html作为明文，如果你也知道一种执行html标签的方法而不是它会很棒，我得到的唯一解决方案是：

<?php
echo '<div style="display:none; text-align:left;" class="moreinfos"></div>
<div style="display:none" class="ContentInfos">'. $tournoi->getDescription() .'</div>'?>

在剧本中：

$('.moreinfos').html($('.ContentInfos').text());

我知道它很丑，但我无法用其他任何方式正确显示它。

告诉我，如果我不够清楚，我很难解释它感谢您抽出时间帮助我！

Answer 1

不确定这是否是你想要的......但是你可以使用siblings()来切换那个特定的div（在小提琴中）

小提琴的例子

$('.clickMe').click(function(event) {
   event.preventDefault();
   $(this).siblings('.content').toggle();
});

fiddle here

如果您的a clickme班级和div content位于同一个容器内

，这将有效

Answer 2

使用这个：

$('.clickMe').click(function(event) {
    event.preventDefault();        
    $(this).next('div').toggle();
});

我已经更新了你。

example

从foreach创建的不同元素的jQuery的差异

2 个答案: