jQuery获取HTML链接的标题属性

Question

我有以下jquery片段，它使用“ selector-options my-wrapper selected”类查找div

<div class="selector-options my-wrapper selected">
    <a class="my_anchor" title="This is my link title" href="www.myexample.com">
        My Link
    </a>
</div>

jQuery(window).load(function()
    {
        jQuery( ".elector-options.my-wrapper.selected" ).css( "border", "1px solid blue" );
    });

这很好用，但是现在我想将特定div中的.my_anchor链接标题属性另存为变量。

任何人都可以看到类似例子的例子吗？

Answer 1

如果anchor元素是该类中唯一的元素，则它应该起作用：

var title = $('.selector-options.my-wrapper.selected > .my_anchor').attr('title');

如果不是唯一的，则应使用一个id。

假定锚点是.selector-options.my-wrapper.selected的直接子.selector-options.my-wrapper.selected

Answer 2

尝试这个：

var myVar = $('.selector-options.my-wrapper.selected').find('.my_anchor').attr('title');

Answer 3

您可以尝试如下操作：

 var title = ""; $(".my_anchor").on("click", function(e){ title = $(this).attr("title"); alert(title); return false; }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div class="selector-options my-wrapper selected"> <a class="my_anchor" title="This is my link title" href="www.myexample.com"> My Link </a> </div>