javascript - JQuery 展开页面的所有可折叠部分(来自外部网站)

Question

页面包含多个部分。每个部分都由一个 TD block 表示(请参见下面的代码)，实际页面将显示一个“>”图标(将鼠标悬停在它上面会显示 a href: javascript:void(0))，当手动单击时，它会展开通过从 SPAN block 对端点的 POST 调用进行分段。

<td id="abc-parent" data-column="parent" data-row="abc" class="mt-cell mt-center">
<a href="javascript:void(0)">
    <span class="a-declarative" data-action="myitable-fetch-rows" data-myitable-fetch-rows="{&quot;endpoint&quot;:&quot;/hz/inventory/variation?parentRecord=abc&quot;,&quot;rowId&quot;:&quot;abc&quot;}">
        <div class="mt-variation-icon mt-variation-expand"/>
    </span>
</a></td>

我想创建一个包含一行 JQuery 的小书签。调用时，它会展开页面的所有可折叠部分。

我的意思是这样的(注意这并没有实现我上面描述的):

javascript:jQuery('.a-declarative').each(function(i,e){e.click()})

Answer 1

我认为您正在寻找“触发器”功能:

.trigger( eventType [, extraParameters ] ) Description: Execute all handlers and behaviors attached to the matched elements for the given event type.

https://api.jquery.com/trigger/

所以你上面的代码应该是这样的:

$('.a-declarative').trigger('click');

使用风险自负，因为这不是触发事件的非常稳定的方式。