如何使用javascript从类内的链接获取标题属性

如何使用javascript从类内的链接获取标题属性,javascript,Javascript,我试图从类中的链接中提取title属性,但遇到了一些问题: <div class="menu"> <a href="#" title="4242" onclick="cselect()">United States</a> <a href="#" title="4243" onclick="cselect()">Canada</a> </div> 谢谢 将此传递给内联处理程序: function cselect(obj){

我试图从类中的链接中提取title属性,但遇到了一些问题:

<div class="menu">
<a href="#" title="4242" onclick="cselect()">United States</a>
<a href="#" title="4243" onclick="cselect()">Canada</a>
</div>

谢谢

将此
传递给内联处理程序:

function cselect(obj){
    var countryID = $(obj).attr("title");
    console.log(countryID);
}

<a href="#" title="4242" onclick="cselect(this)">United States</a>
<a href="#" title="4243" onclick="cselect(this)">Canada</a>
功能选择(obj){
var countryID=$(obj).attr(“标题”);
console.log(countryID);
}

演示:

将此
传递给内联处理程序:

function cselect(obj){
    var countryID = $(obj).attr("title");
    console.log(countryID);
}

<a href="#" title="4242" onclick="cselect(this)">United States</a>
<a href="#" title="4243" onclick="cselect(this)">Canada</a>
功能选择(obj){
var countryID=$(obj).attr(“标题”);
console.log(countryID);
}

演示:

就这么简单:

function cselect(){
    var countryID = $(this).attr("title");
    window.location.hash = countryID
    location.reload();
}

就这么简单:

function cselect(){
    var countryID = $(this).attr("title");
    window.location.hash = countryID
    location.reload();
}

您必须引用已单击的元素。一种方法是按照tymeJV的建议传递
这个

但我会从一个单独的脚本块设置事件处理程序,只引用当前元素。对于以下两种解决方案,不需要额外的内联
onclick
属性

/* using jQuery */
jQuery( '.menu a' ).on( 'click', function( event ) {
    event.preventDefault();

    var countryID = jQuery( this ).attr( 'title' ); // <-- !!!

    location.href = location.href.split( '#' )[0] + '#' + countryID;
    location.reload();

} );
/*使用jQuery*/
jQuery('.menu a')。on('单击',函数(事件){
event.preventDefault();

var countryID=jQuery(this).attr('title');//您必须引用单击的元素。一种方法是按照tymeJV的建议传递
this

但是我会从一个单独的脚本块设置事件处理程序,只引用当前元素。对于以下两种解决方案,不需要额外的内联
onclick
属性

/* using jQuery */
jQuery( '.menu a' ).on( 'click', function( event ) {
    event.preventDefault();

    var countryID = jQuery( this ).attr( 'title' ); // <-- !!!

    location.href = location.href.split( '#' )[0] + '#' + countryID;
    location.reload();

} );
/*使用jQuery*/
jQuery('.menu a')。on('单击',函数(事件){
event.preventDefault();

var countryID=jQuery(this).attr('title');//在旁注中,永远不要在HTML层中使用onclick或其他javascript,不要混入业务逻辑。而是创建一个javascript事件处理程序!在旁注中,永远不要在HTML层中使用onclick或其他javascript,不要混入业务逻辑。而是创建一个javascript事件处理程序!@BharathRallapalli--OP正在他的de中使用它mo.@BharathRallapalli——OP在他的演示中使用了它。谢谢,将采用这种方法。谢谢,将采用这种方法。