如何使用Ajax添加兩個不同的ID

我正在使用Ajax函數來顯示搜索字段的自動建議。但是，我必須在同一頁面上搜索字段。所以，當我嘗試使用這個時，一個是工作，另一個不是。這是因爲兩者都使用相同的ID和Class。我用CSS來設計不同的寬度和高度。如何使用Ajax添加兩個不同的ID

任何人都可以請幫助我知道如何在每個字段的下面的代碼中添加一個ID和Class？

$(document).ready(function() { 
    $("#email").keyup(function() { 
     var searchid = $(this).val(); 
     var dataString = 'type=' + searchid; 
     if (searchid != ' ') { 
      $.ajax({ 
       type: "POST", 
       url: "type_process.php", 
       data: dataString, 
       cache: false, 
       success: function(html) { 
        $("#result").html(html).show(); 
       } 
      }); 
     } 
     return false;  
    }); 

    $(document).click(function(e) { 

     var $clicked = $(e.target); 
     if (! $clicked.hasClass("get_types")) { 
      jQuery("#result").fadeOut(); 
     } 
    }); 

    $('#email').click(function(){ 
     jQuery("#result").fadeIn(); 
    }); 

});

來源

2014-02-17 Md Mazedul Islam Khan

http://api.jquery.com/multiple-selector/ – BZink

您是否想要向HTML元素添加多個ID？這是不可能的... – renanlf

你使用兩次相同的選擇器？這不符合標準。一個id應該是唯一的。這裏是課程的時候。 http://www.w3.org/TR/html401/struct/global.html#h-7.5.2 – Mardie

當您選擇2個元素（或更多）時，可以通過指定元素索引來引用單個元素。

$('.item').eq(0); // return the first element in a collection with class '.item'

或

$('.item').eq(1); // return second element in a collection with class '.item'

BTW，你應該避免在DOM

來源

2014-02-17 18:30:47

如果我這樣寫：'$（'＃email，#message'）'那麼它工作嗎？ –

是'$（'＃email，#message'）'起作用。 – Will

用相同的ID元素如果要選擇地段型動物元素，使用類標籤來代替。

馬克的元素都與同一類，如：class="mySelectorClass"，然後，使用jQuery選擇：

$(".mySelectorClass").each(function(index,value){ 
    // ... your code for each element goes here! 
});

https://api.jquery.com/jQuery.each/

來源

2014-02-17 18:35:04 renanlf

如何使用Ajax添加兩個不同的ID

回答

相關問題