Question

如何让jQuery返回整个

<div class="loan_officer_apply_now_link"><a href="">APPLY NOW!</a></div>

目前它只返回包含“a”元素

<a href="">APPLY NOW!</a>

测试代码

$('a').click(function(){
    alert($('.loan_officer_apply_now_link').html());
})

http://jsfiddle.net/gUd9J/1/

Answer 1

使用本机JS .outerHTML属性而不仅仅是jQuery .html()函数。它会让你的生活变得更轻松，而不是试图做出花哨的jQuery包装。您可以使用以下方法执行此操作：

$(selector)[0].outerHTML // This is your HTML code

Answer 2

您还可以使用元素的outerHTML属性

$('a').click(function(){
    alert($('.loan_officer_apply_now_link').get(0).outerHTML);
})

演示：Fiddle

Answer 3

jQuery没有内置函数..这是一个解决方案：

http://jsfiddle.net/TvWLL/

$('a').click(function(){
    alert($('.loan_officer_apply_now_link').clone().wrap('<div>').parent().html());
})

Answer 4

给它一个包装类

<a href="#">Click Me</a><br /><br />
<div class="container">
<div class="loan_officer_apply_now_link"><a href="">APPLY NOW!</a></div>
</div>

$('a').click(function(){
    alert($('.container').html());
})

Working fiddle

Answer 5

看起来你想要父母html：

$(this).parent()[0].outerHTML

jQuery需要返回整个对象而不仅仅包含数据

5 个答案: