JQuery - 获取调用元素ID

Question

问题

在自动完成的源函数中，我想获取选择器的 ID。有没有办法可以遍历调用堆栈并得到这个？ JQuery 有这种抽象级别吗？

为什么？

我将在页面上有多个自动完成功能，并且每个自动完成功能在服务器端的处理方式都不同。我必须为源使用另一个函数。否则我会使用 URL + 数据：很久以前 =p

JQuery 版本

jquery-1.9.1

研究

当然，我经历过这一切： JQuery API

How to get element Id from dynamically generated form elements with jquery?

我认为很多这些尝试都行不通，但现在我正处于反复试验的阶段。

$(this).attr('id'); - 未定义

Caller function name

虽然我会尝试获取调用者函数的名称，并对其进行处理...似乎没有输出任何内容。

附加到源函数（这太荒谬了！！！将文本附加到函数？！我真的很绝望......）

 $("#inPdVehMk").autocomplete({
            source: autoCompletePost + "field="+$(this).attr('id'),
            minLength: 2,
            select: function(event, ui){
                alert(ui.label1);
                alert("value= " + ui.item.value + " id= "+ ui.item.id);
            }
        });

自动完成设置

    $("#inPdVehMk").autocomplete({
        source: autoCompletePost,
        minLength: 2,
        select: function(event, ui){
            alert(ui.label1);
            alert("value= " + ui.item.value + " id= "+ ui.item.id);
        }
    });

源函数

function autoCompletePost(request, response){
    //alert($(this).attr('id')); //this is where I'm testing to see the ids.
    $.post(AjaxPageAutoComplete, { searchTerm: request.term, field: 'inPdVehMk'}, //I want field to be dynamic depending on the calling selector.
        function(data) {
            var splitData = data.split("%");
            var json = jQuery.parseJSON(splitData[1].toString());

            if(data.search('autoCompleteError') !== -1 || data.length < 1){
                DialogBox('Div_ErrorMessage^Open^autoCompleteError');
            }else{
                response(json);
            }
        }
    );
}

Answer 1

我很尴尬我花了多长时间才弄清楚这一点。

在源函数中使用这一行来获取自动完成的 id。

$(this.element).prop("id")

由于自动完成是一个 jquery 小部件，this 对象指的是 widget 实例。要访问该元素，您需要通过它的 element 属性。

JSFiddle

公平地说，除非您使用 Widget Factory 创建小部件，否则这并没有很好地记录。

Answer 2

首先，如果您有多个自动完成功能，您的选择器是一个 ID，因此您有多个具有相同 ID 的控件，这很糟糕。你已经确保每个自动完成都有一个唯一的 id 并通过别的东西来选择它们，比如说一个类。我会尝试这样的事情：

$(".inPdVehMk").autocomplete({
        source: autoCompletePost($(this).attr('id')),
        minLength: 2,
        select: function(event, ui){
            alert(ui.label1);
            alert("value= " + ui.item.value + " id= "+ ui.item.id);
        }
    });

function autoCompletePost(id, request, response){
    //alert($(this).attr('id')); //your in a function so this is not pointing to a control
    $.post(AjaxPageAutoComplete, { searchTerm: request.term, field: id},
        function(data) {
            var splitData = data.split("%");
            var json = jQuery.parseJSON(splitData[1].toString());

            if(data.search('autoCompleteError') !== -1 || data.length < 1){
                DialogBox('Div_ErrorMessage^Open^autoCompleteError');
            }else{
                response(json);
            }
        }
    );
}

希望对你有所帮助。