如何根据属性Id获取内部html

时间:2014-12-12 11:56:16

标签: javascript jquery

我有很好的身份。

在我输入以下jquery命令时在控制台中:

$('#LocationRadioButtons a')

我得到以下输出

[<a id=​"4" href=​"#">Test​</a>​, <a id=​"5" href=​"#">Test1​</a>​, <a id=​"6" href=​"#">test2​</a>​]

这是一个数组

如果我输入以下jquery命令:

$('#LocationRadioButtons a').first();

它将返回该数组中的第一个元素:

测试

如何根据它的Id返回元素,并返回其innerHTML。例如,id = 5 innerHTML是test1,

干杯

5 个答案:

答案 0 :(得分:1)

虽然Id对于此元素是唯一的,但您可以直接使用id来获取html

$('#5').html();

答案 1 :(得分:1)

您可以使用html()

获取HTML

您可以使用

$('#LocationRadioButtons #5').html();

基于您的标记,您实际上可以简单地使用

$('#5').html();

PS:我不会让ID以数字开头。 HTML4不喜欢这个。

答案 2 :(得分:0)

试试这个,

$('#LocationRadioButtons a[id$="5"]').text();

答案 3 :(得分:0)

id是唯一的,因此您只需使用id选择器来选择具有特定ID的元素,如下所示:

 $('#5').html();

答案 4 :(得分:-1)

试试这个: 由于您已经拥有元素id,只需执行

$('#5').html();

会提醒Test1

当您没有选择器并且想要解析每个元素以检查特定条件时,

jquery each()循环很有用。

$('#LocationRadioButtons a').each(function(index, value){
    var myattr = $(this).attr('id');
    if(myattr=='5') {
        alert( $(this).html() );
    }
});