Javascript 如何使用Ajax添加两个不同的ID

我使用Ajax函数来显示搜索字段的自动建议。但是，我必须在同一页上搜索字段。所以，当我尝试使用这个时，一个是工作，另一个不是。这是因为它们都使用相同的ID和类。我用CSS设计了不同宽度和高度的样式

有谁能帮我知道如何在下面的代码中为每个字段添加一个ID和类

$(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();
    });

});

选择2个（或更多）元素时，可以通过指定元素索引来引用单个元素

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

或

---

顺便说一句，您应该避免在DOM中使用相同ID的元素。如果您想选择许多不同的元素，请使用类标记

使用相同的类标记所有元素，如：

class=“mySelectorClass”

，然后使用jquery选择器：

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

---

您是否正在尝试向HTML元素添加多个ID？这是不可能的…您是否使用了两次相同的选择器？这不符合标准。id应该是唯一的。下面是类的出现时间。是的，这就是为什么我想使用另一个ID，但我不知道如何在上述代码的每个位置添加另一个ID，或者使用后代选择器。使它们成为类而不是id，并将它们包装在一个id不同的元素中。共享代码使用

$（'.myclass'）

选择器和搜索框特定的代码（或css）使用

$（'.myclass'）

或

$（'.myclass'）secondID'）。如果我这样写：
$（'.myclass'），
，那么它能工作吗？
$(".mySelectorClass").each(function(index,value){
    // ... your code for each element goes here!
});