Bug Tracker

Ticket #4644: test.html

File test.html, 1.1 KB (added by Kennisnet, 14 years ago)
Line 
1<head>
2<script type="text/javascript" src="http://www.kennisnet.nl/js/jquery.js"></script>
3
4<script type="text/javascript">
5jQuery.fn.test = function() {
6
7   return this.each(function() {
8
9      var $select  = $(this);
10      var $options = $select.find('.options');
11
12      var options = $options.find('li');
13
14      alert(options.index($('.active')));
15
16   });
17
18}
19
20$(function() {
21
22   $('.select').test();
23
24});
25</script>
26</head>
27
28<body>
29<div class="select">
30   <div class="options">
31      <ul>
32         <li><a href="#">Option 1</a></li>
33         <li class="active"><a href="#">Option 2</a></li>
34         <li><a href="#">Option 3</a></li>
35         <li><a href="#">Option 4</a></li>
36         <li><a href="#">Option 5</a></li>
37      </ul>
38   </div>
39</div>
40<div class="select">
41   <div class="options">
42      <ul>
43         <li><a href="#">Option 1</a></li>
44         <li><a href="#">Option 2</a></li>
45         <li class="active"><a href="#">Option 3</a></li>
46         <li><a href="#">Option 4</a></li>
47         <li><a href="#">Option 5</a></li>
48      </ul>
49   </div>
50</div>
51</body>