javascript - 如何从 HTML 元素执行 javascript 函数并发送该元素名称而不专门使用其名称？

Question

如果这个问题有答案，我找不到。

我在 JavaScript 中有以下函数，并且需要能够反复重用它。

function ParentService_load(_Object) {
    $(_Object.parent.parent).jqxDropDownButton({
        ...
    });
    $(_Object).jqxGrid({
        ...
    });
    $(_Object).bind('rowselect', function(event) {
        ...
        var row = $(_Object).jqxGrid('getrowdata', args.rowindex);
        ...
        $(_Object.parent.parent).jqxDropDownButton('setContent', dropDownContent);
        if (row["servicename"].toString().toLowerCase() === "new") {
            $(_Object.parent.parent).jqxDropDownButton('close');
            ...
        }
    });
}

<div id="jqxParentServiceDropdownButton">
    <div id='jqxParentServiceDropdownWidget' style="font-size: 13px; font-family: Verdana; float: left;">
        <div id="jqxParentServiceDropdownGrid" onload="ParentService_load(this);"></div>
    </div>
</div>

我还没有找到从元素调用 javascript 或 jquery 函数并让该函数使用该元素的名称等的明确方法...那么我将如何实现这一点？

Answer 1

如果“名称”指的是id，那么在您的函数中，您可以将其作为_Object.id 进行访问。因为您在 onload=... 中传递 this(但见下文)，所以这是对发生事件的元素的引用。在该函数中，您收到的参数为 _Object，因此您可以使用 _Object 上的属性来访问有关该元素的信息，包括其 id.

<小时/>

但请注意，div 元素没有 load 事件。此外，div 元素没有 parent 属性；您可能正在考虑 parentNode。