Question

至于我知道如何获取innerHTML，但现在我只想获得指定的标签。假设我只想要那些包含test-class的标签行。

<div id="parent">
  <div class="test-class"> some texts </div>

  <div class="class_1"> some text </div>
</div>

$(functio() {
   $('#parent').html();   
});

但我的预期结果应为<div class="test-class"> some texts </div>.，请给我任何想法。

提前致谢。 编辑@Js

<html> <head> 
  /* css & js file attached */

<script type="text/javascript">
       jQuery.fn.outerHTML = function(s) {
               return (s) ? this.before(s).remove() : 
               jQuery("&lt;div&gt;").append(this.eq(0).clone()).html();
                               }
   $(function() {
        var outerHTML = $('#parent').find('.test-class').outerHTML();
        alert(outerHTML);
            });
</script>
</head> <body>

/* the same html code as above */

</body> </html>

Answer 1

function() {
   $('#parent').find(".test-class").html();   
});

Answer 2

// ref: http://www.yelotofu.com/2008/08/jquery-outerhtml/
jQuery.fn.outerHTML = function(s) {
  return (s) ? this.before(s).remove() : 
               jQuery("<div>").append(this.eq(0).clone()).html();
}

// get outer html
$(function() {
   var outerHTML = $('#parent').find('.test-class').outerHTML();
});

Answer 3

你可以这样做 -

$('#parent .test-class').clone().wrap('<div></div>').parent().html()

这将从test-class div获取整个HTML，.clone().wrap('<div></div>').parent().html()可以确保您获得完整的HTML标记。如果你刚刚做了 -

 $('#parent .test-class').html()

仅返回some texts。

工作演示 - http://jsfiddle.net/KTHDZ/

只获取特定的innerHtml

3 个答案: