如何使用jQuery或Javascript触发部分元素上的鼠标单击

How to trigger a mouse click on partial Element using jQuery or Javascript?

本文关键字：元素 鼠标 单击 发部 jQuery 何使用 Javascript      更新时间：2023-09-26
 <td class="GNEB1S-HKB" valign="middle">
     <div style="white-space: normal;line-height:1.2;font-size:10px;width:100px; color:#969696;" id="DOM_110">
           <div title="15 of 212 items were loaded. Click to load all items.">212 found<br>
                 <span style="text-decoration:underline;cursor:pointer" onclick="return handleEvent(event,'com.polarion.alm.tracker.web.js.internal.TrackerNew68/com.polarion.reina.web.js.widgets.HTMLComposite69/com.polarion.reina.web.js.widgets.HTMLContainer70/com.polarion.alm.tracker.web.js.internal.trackercards.TrackerCardTree71/com.polarion.alm.tracker.web.js.internal.trackercards.TrackerCardTree$3375/com.polarion.reina.web.js.widgets.HTMLComposite376/com.polarion.reina.web.js.widgets.HTMLContainer377/com.polarion.reina.web.js.widgets.HTMLSplitPane382/com.polarion.reina.web.js.widgets.HTMLSplitPane378/com.polarion.alm.tracker.web.js.internal.treetable.TrackerTreeAndQP225/com.polarion.reina.web.js.widgets.HTMLComposite227/com.polarion.alm.tracker.web.js.internal.treetable.TrackerTree217','click1913',false)">Load all</span>
         </div>
     </div>
 </td>

对于一个网页，我有上面的元素。元素Load all末尾的文本是Clickable。使用JQuery或JavaScript点击Load All.

如何做到这一点?

你可以这样做:

 <span class="loader-class">....</span>
在jQuery: 

 $(".GNEB1S-HKB span").trigger("click", function(evnt){
        //handle the click if needed here
        console.log("I have been clicked!!");
 });

或者，如果您可以向span元素添加一个类，就像这样，

 $(".loader-class").trigger("click", function(evnt){
        //handle the click if needed here
        console.log("I have been clicked!!");
 });

嗯…在javascript中，你应该这样做…但我不知道你的'handleEvent'函数做什么…无论如何……下面是代码

 <td class="GNEB1S-HKB" valign="middle">
     <div style="white-space: normal;line-height:1.2;font-size:10px;width:100px; color:#969696;" id="DOM_110">
           <div title="15 of 212 items were loaded. Click to load all items.">212 found<br>
                 <span id="loader" style="text-decoration:underline;cursor:pointer" onclick="return handleEvent(event,'com.polarion.alm.tracker.web.js.internal.TrackerNew68/com.polarion.reina.web.js.widgets.HTMLComposite69/com.polarion.reina.web.js.widgets.HTMLContainer70/com.polarion.alm.tracker.web.js.internal.trackercards.TrackerCardTree71/com.polarion.alm.tracker.web.js.internal.trackercards.TrackerCardTree$3375/com.polarion.reina.web.js.widgets.HTMLComposite376/com.polarion.reina.web.js.widgets.HTMLContainer377/com.polarion.reina.web.js.widgets.HTMLSplitPane382/com.polarion.reina.web.js.widgets.HTMLSplitPane378/com.polarion.alm.tracker.web.js.internal.treetable.TrackerTreeAndQP225/com.polarion.reina.web.js.widgets.HTMLComposite227/com.polarion.alm.tracker.web.js.internal.treetable.TrackerTree217','click1913',false)">Load all</span>
         </div>
     </div>
 </td>
<script>
var myspan=document.getElementById("loader");
myspan.click();
</script>

相关文章：