Question

我想访问 HTML标题属性的值作为 onclick 函数的变量。

这是我的HTML元素的一个示例：

<a title="id:4" onclick="openWin(4)">example</a>

这是我的 JavaScript 功能：

function openWin(number)
{
    window.open("http://www.some-example.org/some/example/id:"+number)
}

这很有效，但由于我有很多HTML元素，我想找到一种方法来引用 openWin（）函数中的标题值，而不是编写“openWin（someNumber）” 。你有什么想法怎么做？

非常感谢任何帮助！

Answer 1

你可以这样做：

HTML：

<a title="id:4">example</a>

JavaScript：

$(function(){
     $('a[title]').click(function(){
         window.open("http://www.some-example.org/some/example/"+this.title)
     });
});

Answer 2

$('a').on('click', function () {
    var number = this.title.replace('id:', '');
    window.open("http://www.some-example.org/some/example/id:" + number)
});

Answer 3

如果您只想要来自Tittle的数字值，那么这是解决方案：

<强> HTML

<a title="id:4" onclick="openWin(this)">example</a>

<强> JS

function openWin(el)
{
    window.open("http://www.some-example.org/some/example/id:"+el.title.split(':')[1]);


}

以下是实时网址：

http://jsbin.com/eGUCoWU/4/edit

Answer 4

这个怎么样

$('a').click(function(){
    titleVar = $(this).attr('title').slice(3,4);
    ... do something with titleVar
 });

我可能没有正确的切片参数，但是，这将获取title属性，删除'ID：'位并将数字单独放入'titleVar'。然后，您可以使用titleVar执行任何操作。

Answer 5

$('a').click(function(){
  window.open("http://www.some-example.org/some/example/id:"+ $(this).attr('title').split(':')[1]);
});

Answer 6

在事件处理函数中，this将是事件触发的HTML元素。

HTML元素的title属性包含title属性的值。

onclick="var foo = this.title"

然后，您可以使用foo执行任何操作。

HTML标题属性的访问值作为onclick函数中的变量

6 个答案: