用javascript/jQuery单击一个跨度或div类

-3

我想单击跨度类“status status-online”或div class“Online”中的文本。我想为此使用jQuery，因为我正试图将其放入Chrome控制台中。下面是该网站的HTML：用javascript/jQuery单击一个跨度或div类

<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的解决方案，但没有。

感谢，

我曾尝试：使用 “jQuery的”

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

来源

2017-09-24 qtt qtt

要选择类'status status-online'的范围，你可以做$（'。status status-online'）来选择它 –

嗨，尼克，这是工作。但是，我试图点击它。我试过Koby的评论：$（'。status status-online'）。click（）; 但是，返回：未捕获TypeError：无法读取属性'点击'null 在：1：27 –

'“我找不到解决方案选择跨度，我只找到选择div ID的那些” - So改变你找到的符合你需要的选择逻辑？您不可能在Google上找到可以在*自定义HTML *上运行的*确切代码*。但是你可以*修改代码*来做你想做的事情。你尝试过吗？ – David

你可以找到在页面宽度这段代码的任何元素：

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

但我得到这个错误

var elem =$(".ClassName");

在您的例子中，你应该用下面的代码找到它：

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

没有重要的是什么样的“HTML”是ypur元素：“跨越”，“格”，“输入”或其他。

来源

2017-09-24 10:58:50

对于你的例子中的点击功能，你应该这样做：$（“。status.status-online”）。click（）; –

未捕获TypeError：无法读取属性'点击'null 在：1：27 –

您是否在两个类名之前使用“。”（点）？它们之间没有任何空间？ –

使用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事件可能更适合。

来源

2017-09-24 11:01:37 M0ns1f

感谢您的信息和代码，但它说的：遗漏的类型错误：在无法读取属性“点击”空的：1：27 –

@qttqtt现在看到我添加了一个代码片段 – M0ns1f

是的，我看到你的一个作品。也许是因为在网站上，Online不会显示在下拉菜单中？一旦菜单被点击，Online就会出现在页面上。 –

用javascript/jQuery单击一个跨度或div类

回答

相关问题