0

最初にdivのリストを入れます

<div class=grades> Grade: 1, 2, 3, 4, 5, 6 </div>
<div class=classes> Classes numbers depend on the grade </div>
<div class=students> Students names depend on the grade and class </div>

そして、各学年番号は次のように定義されます。

<a href=# class=gradenum>1</a>
<a href=# class=gradenum>2</a>
<a href=# class=gradenum>3</a>
.....

次に、jquery を使用して、学年番号をクリックしてクラス番号を表示しようとしました。

$("a.gradenum").click(function(){
  var grade = $(this).text();
  $("div#classes").load("ShowClasses.php",{'grade':grade});
});

期待どおりに動作します。クラスは同様の形式で表示されます。同じプロセスを使用して、指定された学年とクラス番号で生徒の名前を表示したいと思います。

$("div#classes").on("click", "a.classnum",function(){
  var class = $(this).text();
  var grade = ??????  //How do I get the grade number here?
  $("div#students").load("ShowStudents.php",{'grade':grade, 'class':class});
});

成績行で最初にクリックした番号から成績番号を取得するにはどうすればよいですか。

4

2 に答える 2

0

メソッドを使用できますindex()。

$(".classes").on("click", ".classnum", function() {
  var $this = $(this);
  var class = $this.text();
  var grade = $this.index() + 1; // Start at 0
  $(".students").load("ShowStudents.php",{'grade':grade, 'class':class});
});
于 2012-04-17T20:44:11.347 に答える
0

私は次のようにします：

var grade; // Move this outside, making it "global".

$("a.gradenum").click(function(){
  grade = $(this).text(); // Set the global grade
  $("div.classes").load("ShowClasses.php",{'grade':grade});
});

$("div.classes").on("click", "a.classnum",function(){
  var class = $(this).text();
  // Use the global grade.
  $("div#students").load("ShowStudents.php",{'grade':grade, 'class':class});
});
于 2012-04-17T20:52:06.057 に答える