代码之家  ›  专栏  ›  技术社区  ›  Arthur Yakovlev

如何通过原型上的类名获取div的html

  •  0
  • Arthur Yakovlev  · 技术社区  · 10 年前

    我在JQuery工作之前,我有点不明白如何才能 <a>asd</a> 属于 .quote_content 在原型上

    <div class="quote_content">
         <a>asd</a>
    </div>
    

    谢谢

    更新

    我有一个函数可以做到这一点:

    <script type="text/javascript">// <![CDATA[
    function showCompare() {
        var quote_content = $$(".quote_content");
        win = new Window({className: "mac_os_x", title: "Sample", width:800, height:400, destroyOnClose: true, recenterAuto:false});
    
        win.getContent().innerHTML = quote_content;
        win.showCenter();
    }
    // ]]></script>
    

    但是 quote_content 输出为 [object HTMLDivElement]

    3 回复  |  直到 10 年前
        1
  •  2
  •   Walter    10 年前

    如果您只想在页面中查找类名为quote_content的元素并返回其HTML内容,请尝试以下操作:

    $$('.quote_content').each(function(elm){
      // do whatever you like with elm.innerHTML
      alert( elm.innerHTML );
      // note that any whitespace, as in your example
      // will be preserved. You may prefer this instead:
      var child = elm.down();
      alert( child.outerHTML );
      // this only works if you know there is only one
      // child element, though
    });
    
        2
  •  0
  •   Xdevelop    10 年前

    首先您需要知道class属性是什么,它用类名后面的一个点来标识, 在你的情况下 .quote_content 那么你必须使用子元素,我知道两种方法。

    1-

    $('.quote_content > a')
    

    2-

    $('.quote_content').children("a")
    

    或者如果子元素具有类:

    1-

    $('.quote_content > .child_element_class')
    

    2-

    $('.quote_content').children(".child_element_class")
    
        3
  •  0
  •   Arthur Yakovlev    10 年前
    function showCompare() { 
      var quote_content = document.getElementById('quote_content'); 
      console.log(quote_content); 
      win = new Window({className: "mac_os_x", title: "Sample", width:800, height:400, destroyOnClose: true,   recenterAuto:false});
    
      win.getContent().innerHTML = quote_content.innerHTML; 
      win.showCenter(); 
    }