Hướng dẫn how to pass clicked element in javascript - cách chuyển phần tử được nhấp vào trong 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?

This Month

  • Year
  • 60 Days
  • 90 Days
  • Script:

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

    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

    This Month

  • Year
  • 60 Days
  • 90 Days
  • function Data[element] { element.removeClass['active']; element.addClass['active'] ; }

    Đã 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
    function Data[string,element] { //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']; $[element].parent[].addClass['active'] ; }

    Đã 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

    
    
    
     
     
    
    function openOnImageClick[event]
    {
    //alert["Jai Sh Raam"];
    // document.getElementById["images"].src = "fruits.jpg";
    var target = event.target || event.srcElement; // IE
    
    console.log[target];
    console.log[target.src];
     var img = document.createElement['img'];
     img.setAttribute['src', target.src];
      img.setAttribute['width', '200'];
       img.setAttribute['height', '150'];
      document.getElementById["images"].appendChild[img];
    
    
    }
    
    
    
    
    
    
    

    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

    Làm thế nào để bạn có được ID của một phần tử trong JavaScript từ một cú nhấp chuột?

    Hàm gọi lại nút sẽ có một đối tượng sự kiện được trả về, có tất cả dữ liệu về phần tử HTML được nhấp vào. Để có được phần tử đã nhấp, hãy sử dụng thuộc tính Target trên đối tượng sự kiện. Sử dụng thuộc tính ID trên đối tượng Event.Target để nhận ID của phần tử đã nhấp.Use the id property on the event. target object to get an ID of the clicked element.

    Làm thế nào để bạn vượt qua yếu tố hiện tại trên title?

    Để chuyển phần tử này cho hàm title JavaScript và thêm một lớp vào phần tử đã nhấp đó, chúng ta có thể đặt thuộc tính title thành một hàm được gọi với cái này. Để đặt thuộc tính title cho các yếu tố A để gọi title với điều này.set the title attribute to a function that's called with this . to set the title attribute to the a elements to call onClick with this .

    Làm thế nào để bạn vượt qua một nút như thế này trong JavaScript?

    Nếu sử dụng jQuery, truy cập vào phần tử được nhấp vào chỉ đơn giản là $ [cái này].Ví dụ: $ [".button"] .on ["Nhấp", function [] {alert ["Tôi là một nút có giá trị" + $ [this].$[ ". button" ]. on[ "click", function[] { alert["I am a button with value " + $[this].

    Làm thế nào để bạn vượt qua ID trong một sự kiện?

    Khi chúng ta áp dụng sự kiện OnClick cho một yếu tố, đôi khi chúng ta cần chuyển ID của phần tử đó cho chức năng xử lý sự kiện.Chúng ta có thể làm điều này bằng cách chuyển ID để hoạt động như thế này .ID hoặc chúng ta có thể vượt qua chính phần tử.passing id to function as this.id or we can pass the element itself.

    Bài Viết Liên Quan

    Chủ Đề