使用 javascript/jQuery 单击 span 或 div 类

Question

I am trying to click the span class "status status-online" or the text within the div class "Online". I would like to use jQuery for this, as I am trying to put this in the Chrome Console. Here is the HTML for the site:

<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>

Please provide a solution to this in jQuery or Javascript(so I can use tampermonkey). I have tried to research this but whenever I couldn't find a solution that selects the span, I only found ones that select div IDs and this doesn't have that.

Thanks,

I have tried:

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

But I get this error:

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

Answer 1

you can find any element in page width this code using "jquery":

var elem =$(".ClassName");

in your example you should find it with below code:

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

no important what kind of "Html" is ypur element : "span", "Div", "input" or others.

Answer 2

Using jQuery you can do it with the .click( handler ) function, that Bind an event handler to the "click" JavaScript event, or trigger that event on an element.

• The event handler can be bound to any <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>

---

The click event is only triggered after this exact series of events:

• The mouse button is depressed while the pointer is inside the element.
• The mouse button is released while the pointer is inside the element.

This is usually the desired sequence before taking an action. If this is not required, the mousedown or mouseup event may be more suitable.