Hướng dẫn pass html element to javascript function - chuyển phần tử html sang hàm javascript

Tôi đã có một mã điều hướng HTML như dưới đây

function Data(string) {
  //1. get some data from server according to month year etc.,
  //2. unactive all the remaining li's and make the current clicked element active by adding "active" class to the element
  $('.filter').removeClass('active');
  $(this).addClass('active');
}

  

    
This Month
    
Year
    
60 Days
    
90 Days
  

Khi người dùng nhấp vào bất kỳ tab nào

• Tất cả các tab còn lại phải không hoạt động,
• và phần tử/tab hiện tại sẽ được kích hoạt,

Mã của tôi ở trên không hoạt động.

1. Làm thế nào để làm cho mã trên hoạt động?
2. Tôi chỉ muốn sử dụng JavaScript Onclick cho việc này. Có cách nào mà đối tượng ____ 10 (hiện tại) được gửi khi người dùng nhấp vào tab không?

Đã hỏi ngày 15 tháng 11 năm 2013 lúc 10:19Nov 15, 2013 at 10:19

Sử dụng HTML này để nhận phần tử đã nhấp:

    

        
This Month
        
Year
        
60 Days
        
90 Days
    
 

Script:

 function Data(string, el)
 {
     $('.filter').removeClass('active');
     $(el).parent().addClass('active');
 } 

Aaron Meese

1.2731 Huy hiệu vàng21 Huy hiệu bạc25 Huy hiệu đồng1 gold badge21 silver badges25 bronze badges

Đã trả lời ngày 15 tháng 11 năm 2013 lúc 10:30Nov 15, 2013 at 10:30

Sujata Chandasujata ChandaSujata Chanda

3.2852 Huy hiệu vàng20 Huy hiệu bạc35 Huy hiệu Đồng2 gold badges20 silver badges35 bronze badges

0

Hãy thử thích

Đối với bộ chọn lớp, bạn cần sử dụng

  

    
This Month
    
Year
    
60 Days
    
90 Days
  

1 trước ClassName. Và bạn cần thêm lớp cho cha mẹ. BEC Bạn đang nhấp vào thẻ neo chứ không phải

  

    
This Month
    
Year
    
60 Days
    
90 Days
  

2.classname.And you need to add the class for the parent. Bec you are clicking on anchor tag not the

  

    
This Month
    
Year
    
60 Days
    
90 Days
  

2.

Đã trả lời ngày 15 tháng 11 năm 2013 lúc 10:22Nov 15, 2013 at 10:22

0

    

        
This Month
        
Year
        
60 Days
        
90 Days
    

Đã trả lời ngày 15 tháng 11 năm 2013 lúc 10:40Nov 15, 2013 at 10:40

Vicky Gonsalvesvicky GonsalvesVicky Gonsalves

11.4K2 Huy hiệu vàng36 Huy hiệu bạc58 Huy hiệu Đồng2 gold badges36 silver badges58 bronze badges

Bạn có hai vấn đề trong mã của mình .. Đầu tiên bạn cần tham chiếu để nắm bắt phần tử trên nhấp chuột. Hãy thử thêm một tham số khác vào chức năng của bạn để tham khảo điều này. Ngoài ra lớp hoạt động dành cho phần tử Li ban đầu trong khi bạn cố gắng thêm nó vào phần tử "A" trong hàm. thử cái này..

 

      
This Month
      
Year
      
60 Days
      
90 Days
    
 

Đã trả lời ngày 15 tháng 11 năm 2013 lúc 10:49Nov 15, 2013 at 10:49

user1776573user1776573user1776573

2811 Huy hiệu vàng2 Huy hiệu bạc12 Huy hiệu đồng1 gold badge2 silver badges12 bronze badges

Bạn có thể sử dụng

  

    
This Month
    
Year
    
60 Days
    
90 Days
  

3 để chuyển

  

    
This Month
    
Year
    
60 Days
    
90 Days
  

0 cho chức năng JavaScript.

HTML

Year

JavaScript

(function () {
    var btn = document.getElementById('button');
    btn.addEventListener('click', function () {
        Date('#year');
    }, false);
})();

 function Data(string)
          {
                $('.filter').removeClass('active');
                $(this).parent().addClass('active') ;
          } 

Đã trả lời ngày 16 tháng 2 năm 2016 lúc 9:59Feb 16, 2016 at 9:59

NamannamanNaman

1.47117 Huy hiệu bạc32 Huy hiệu đồng17 silver badges32 bronze badges

 
 




Screen Shot View
Click the Tiger to display the Image








 

Đã trả lời ngày 15 tháng 2 năm 2014 lúc 12:54Feb 15, 2014 at 12:54

ArunarunArun

9599 Huy hiệu bạc12 Huy hiệu Đồng9 silver badges12 bronze badges