Javascript 获取此锚标题文本jQuery
我正在尝试将所有锚定标题文本放入儿童版 我的HTMLJavascript 获取此锚标题文本jQuery,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试将所有锚定标题文本放入儿童版 我的HTML <div onClick="openList();"> <div class="inc"> <div class="iWrap"> <a title="<div>blah1 blah1</div>"></a> <a title="<div>blah2 blah2</div>">&l
<div onClick="openList();">
<div class="inc">
<div class="iWrap">
<a title="<div>blah1 blah1</div>"></a>
<a title="<div>blah2 blah2</div>"></a>
<a title="<div>blah3 blah3</div>"></a>
<a title="<div>blah4 blah4</div>"></a>
</div>
</div>
</div>
<div onClick="openList();">
<div class="inc">
<div class="iWrap">
<a title="<div>some text 1</div>"></a>
<a title="<div>some text 2</div>"></a>
<a title="<div>some text 3</div>"></a>
<a title="<div>some text 4</div>"></a>
</div>
</div>
</div>
我的console.log中有
未定义的。基本上,我正在尝试获取title div中的文本。使用this
传递当前对象,默认情况下,如果绑定处理程序使用javascript内联处理程序,则这不可用。您的标题也无效,您可能需要添加未包含在div中的文本
首先关闭您的标签
<a title="<div>some text 1</div>"> </a>
不要使用内联事件处理程序。您可以使用
上的来绑定事件
HTML:
<div class="myClass">
<!-- ^^^^^^^^^ -->
<div class="inc">
<div class="iWrap"> <a title="<div>blah1 blah1</div>">a</a>
<a title="<div>blah2 blah2</div>">b</a>
<a title="<div>blah3 blah3</div>">c</a>
<a title="<div>blah4 blah4</div>">d</a>
</div>
</div>
</div>
<div class="myClass">
<!-- ^^^^^^^^^ -->
<div class="inc">
<div class="iWrap"> <a title="<div>some text 1</div>">aa</a>
<a title="<div>some text 2</div>">bb</a>
<a title="<div>some text 3</div>">cc</a>
<a title="<div>some text 4</div>">dd</a>
</div>
</div>
</div>
$('.myClass').on('click', 'a', function() {
alert($(this).attr('title'));
});
演示:第一个关闭标签
谢谢你的帮助。但是我需要为我的标题定制css。。因此,标题中的div标记。。这很好用。
<a title="some text 1"> anchor 1 </a>
a.ac[title]:hover:after
{
}
<a title="<div>some text 1</div>"> </a>
<div onClick="openList(this);">
function openList($this)
{
$($this).find('a').each(function(){ // To get all <a> tag title
var getTitletxt = $(this).attr("title");
console.log(getTitletxt );
});
}
<div class="myClass">
<!-- ^^^^^^^^^ -->
<div class="inc">
<div class="iWrap"> <a title="<div>blah1 blah1</div>">a</a>
<a title="<div>blah2 blah2</div>">b</a>
<a title="<div>blah3 blah3</div>">c</a>
<a title="<div>blah4 blah4</div>">d</a>
</div>
</div>
</div>
<div class="myClass">
<!-- ^^^^^^^^^ -->
<div class="inc">
<div class="iWrap"> <a title="<div>some text 1</div>">aa</a>
<a title="<div>some text 2</div>">bb</a>
<a title="<div>some text 3</div>">cc</a>
<a title="<div>some text 4</div>">dd</a>
</div>
</div>
</div>
$('.myClass').on('click', 'a', function() {
alert($(this).attr('title'));
});