获取元素

Question

我是新手，我有这个元素，我必须以某种方式“得到它”。上面还有几个元素，只有一个我需要的元素：

<a class="btn_green" href="javascript:void(0)" onclick="ShowPopup( 440, &quot;some_text&quot;, &quot;some_text&quot; ); return false;">
<span>Some text</span>
</a>

感谢您的帮助！

Answer 1

像$('a.btn_green')这样的应用程序会“获取”<a>元素，但不能保证它是唯一的。如果不能修改源代码，则可能需要使用:nth-child伪选择器来完成此操作。如果没有更多的上下文，就不可能说出唯一检索<a>或<span>元素的选择器是什么。

Here是一个jQuery教程，here是一个CSS选择器参考，以防你需要它们。

编辑

在页面上发生的一件奇怪的事情是，$似乎不再绑定到jQuery。他们必须在jQuery之后加载一些使用$的东西，这会导致像$('a.btn_green')这样的选择器返回null。您可以将$替换为jQuery。

我尝试使用jQuery('.btn_green_white_innerfade.btn_medium')来查找元素，但看起来页面上有三个元素共享该选择器。因此，我进一步查看了源代码，发现我认为您需要的按钮位于id为market_buyorder_info的div中。这导致我使用以下代码来唯一地获取元素：

jQuery('#market_buyorder_info').find('.btn_green_white_innerfade.btn_medium')

以及在控制台中触发点击的代码：

jQuery('#market_buyorder_info').find('.btn_green_white_innerfade.btn_medium').click()

Answer 2

$('a.btn_green')将返回一个数组，如果索引已知且未更改，则可以使用数组索引来访问适当的值

var $a = $('a.btn_green');
var el = $a[2];

Answer 3

您可以使用getElementsByClassName。

document.getElementsByClassName('btn_green')

这将返回一个包含所有匹配元素的数组。如果你只有一个元素，你可以在索引0处访问它。

document.getElementsByClassName('btn_green')[0]

如果向元素添加了ID，然后使用getElementById

<a id="YOUR_ID_HERE" class="btn_green" href="javascript:void(0)" onclick="ShowPopup( 440, &quot;some_text&quot;, &quot;some_text&quot; ); return false;">

​

document.getElementById('YOUR_ID_HERE')