如何使用 JQuery 获取内部跨度 ID答案

【问题标题】：How to get the inner span id using JQuery如何使用 JQuery 获取内部跨度 ID
【发布时间】：2015-04-06 00:47:15
【问题描述】：

我使用以下代码。

<div class="tt-suggestion">
    <p style="white-space: normal;">
        <span id="1">Rajesh<span style="float:right;">Bangalore</span>
        </span>
    </p>
</div>

当我点击时，我需要有内部 id。下面是我获取 span id 的代码

$(document).on('click', '.tt-suggestion', function(){
var id=$(this).find("span").id;
});

多少次重复从数据库中获取多少值。当我点击它时，如果我获得了 id，我必须使用 ajax 将该 id 作为参数发送给其他 php。但我无法获得 id。谁能帮忙解决一下，谢谢。

【问题讨论】：

标签： jquery

【解决方案1】：

您必须使用attr (doc link)，因为jQuery 对象没有id 属性：

$(document).on('click', '.tt-suggestion', function(){
    var id = $('span', this).attr('id');
});

我还删除了对 find 的调用，以用更优雅的形式替换它，尽管这当然是我的意见，并不是完全必要的。

【讨论】：

.attr() 已弃用；建议使用 .prop()。
1+ 打败我.. 或者你可以使用$('span', this)[0].id。
@frenchie 嗯？ attr 什么时候被弃用了？
阅读这里：stackoverflow.com/questions/15070277/…
你是对的，attr() 没有被弃用，但它不是最好的方法：prop() 更好

【解决方案2】：

只需调用函数attr即可获取任意元素属性值

$(document).on('click', '.tt-suggestion', function(){
var id=$(this).find("span").attr('id');
    alert(id);
});

你可以在这里测试你的代码 https://jsfiddle.net/qumop5pk/

【讨论】：

【解决方案3】：

调用这个函数真的很简单，你会得到它...试试 ;-)

$('span').click(function (){

var Id=$(this).attr('id');

alert(Id);

});

【讨论】：