getElementsByTagName vs jQuery

时间:2014-01-15 00:14:06

标签: javascript jquery get

这个版本在jquery中会是什么?

document.getElementsByTagName("pre")[0].innerHTML;

我需要帮助转换它以适应我的$.get请求:

$.get( 
    link, 
    function(data) {
        var res = $(data).find("pre").html();
        console.log(res);
    }
); 

4 个答案:

答案 0 :(得分:5)


完全 [JQuery等效]将是$('pre').eq(0).html()。与非JQuery的sortof-ish混合将是$('pre')[0].innerHTML

它是如何工作的?

$('pre')返回一个包含标签名称为pre

的所有元素的对象

.eq(0)获取数组中的第一个元素。

DEMO


由于您收到第一项,$('pre').first().html()也可以。

DEMO


另一件可行的事情就是$('pre').html()(归功于RobG)

DEMO


请注意,JQuery的html方法与浏览器的innerHTML属性不同,但它是JQuery等价物(归功于 RobG )。


答案 1 :(得分:2)

这是jQuery:

$('pre').first().html()

答案 2 :(得分:0)

只需在选择器中指定元素名称:

$("pre").html()

没有必要明确选择第一个元素。来自API docs

  

如果选择器表达式匹配多个元素,则只有   第一场比赛将返回其HTML内容

答案 3 :(得分:0)

如果您只需要一个元素,请提供元素和ID并按ID

拉出
document.getElementById("ID")