点击链接后执行javascript

Question

我想在我的页面上点击特定链接后执行javascript。我发现了这个：

<a href="#" id="myHref">Click me</a>

$("#myHref").on('click', function() {
document.getElementById(".myDiv").style.flexGrow = "5";
 window.location = "http://www.google.com";});`

然而，我的＆＃34; a＆＃34;标签没有ID，我无法编辑HTML：

<a class="position_top align_center" title="anglais" href="blabla" lang="en-US">

我可以将标题用作这样的选择器吗？

$("blablaanglais").on('click', function() {
document.getElementById(".myDiv").style.flexGrow = "5";
 window.location = "http://www.google.com";});`

还是有另一种方法可以做到这一点？

提前致谢。

Answer 1

您可以使用方括号访问title选择器。

$("a[title='anglais']").on(....)

这里可以看到关于jQuery选择器的一个很好的参考http://www.w3schools.com/jquery/jquery_ref_selectors.asp

Answer 2

是的，您可以将标题用作选择器或其他属性

$("a[title='anglais']")

此致

Answer 3

如果要访问此节点：

<a class="position_top align_center" title="anglais" href="blabla" lang="en-US">

标准javascript中最直接的方法是：

var specificLink = document.querySelector('a[title="anglais"]');