Question

我需要创建一个具有动态段落段数和相应数量的信息段落的网页我已将所有文本放在“text”类中，并将所有信息放在“info”类中，每个文件的ID都会增加1。

示例：

<%
  for (int i =0; i<textOnPage.size(); i++){
%>
  <p class="text" id="text<%=i%>"><%=textOnPage.get(i) %></p>
  <p class="info" id="info<%=i%>"><%=infoToText.get(i) %></p>
<%  
  }
%>

我需要弄清楚我在jQuery中如何动态地获取用户点击的

的id，并切换相应的信息段落。像这样的东西，但只是动态的：

$(document).ready(function(){

$('p.text#text2').click(function () {
   $ ('p.info#info2').slideToggle();
    });
});

非常感谢任何帮助。

关心Sofus。

Answer 1

依赖于您的信息p.info始终直接在文字p.text

之后的事实

$('p.text').click(function() {
  $(this).next().slideToggle();
});

或者你也可以这样做：

$('p.text').click(function() {
  $("#"+this.id.replace("text", "info")).slideToggle();
});

Answer 2

不要尝试为每个段落生成不同的id，只需使用jquery遍历函数。试试这个，

$('p.text').click(function(){
$(this).next('info').slideToggle();
})

Answer 3

$('.text').click(function(){
id = string.replace*$(this).attr('id');
id = id.replace("text","#info");
$(id).slideToggle();
});

这应该有效。

感谢
的 Neelesh

jquery选择class和id动态

3 个答案: