Question

我正在尝试单击span类“status status-online”或div类“Online”中的文本。我想使用jQuery，因为我想把它放在Chrome控制台中。以下是该网站的HTML：

<div class="theme-dark"><div class="popout popout-top-left" style="z-index: 1000; overflow: hidden; visibility: visible; left: 80px; top: 878.533px; height: 210px; width: 217px; transform: translateY(-100%) translateX(0%) translateZ(0px);">
    <div class="status-picker popout-menu">
        <div class="popout-menu-item ">
            <div class="status-icon-text">
                <span class="status status-online" style="margin-right: 14px;"></span>
                <div class="status-text">Online</div></div>
                </div>

请在jQuery或Javascript中提供此解决方案（因此我可以使用tampermonkey）。我试图对此进行研究，但每当我找不到选择跨度的解决方案时，我只找到了选择div ID的解决方案而且没有这个。

谢谢，

我试过了：

$('.status status-online').click();

但是我收到了这个错误：

Uncaught TypeError: Cannot read property 'click' of null
    at <anonymous>:1:27

Answer 1

您可以使用“jquery”找到此代码的页面宽度中的任何元素：

var elem =$(".ClassName");

在您的示例中，您应该使用以下代码找到它：

var elem = $(".status-online");

不重要的是什么样的“Html”是ypur元素：“span”，“Div”，“input”或其他。

Answer 2

使用 jQuery ，你可以使用.click( handler )函数，将事件处理程序绑定到“click”JavaScript事件，或在元素上触发该事件。

事件处理程序可以绑定到任何<span class="status status-online">：

$( ".status-online" ).click(function() {
         alert( "Handler for .click() called. on clicking the Span element" );
         });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

 <span class="status status-online" style="margin-right: 14px;cursor: pointer;">Click Me i'm a span</span>

点击事件仅在这一系列事件发生后触发：

指针在指针内时按下鼠标按钮元件。
当指针位于元素内时，鼠标按钮被释放。

这通常是采取行动前所需的顺序。如果不需要，则mousedown或mouseup事件可能更合适。

使用javascript / jQuery单击span或div类

2 个答案: