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

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

我在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函数并使该函数使用该元素的名称等的确定方法。那么，我该怎么做呢？

最佳答案

如果用“名称”表示id，则在功能范围内，您可以将其作为_Object.id进行访问。因为您要在this中传递onload=...（但请参见下文），所以这是对事件发生所在元素的引用。在函数中，您将以_Object形式接收该参数，因此可以使用_Object上的属性来访问有关元素的信息，包括其id。



但是请注意，div元素没有load事件。另外，div元素没有parent属性；您可能会想到parentNode。