0

我将如何将部分 ul 保存到文件中。下面我标记了我想保存到文件的这个 html 代码的开始和结束：

我试过这个： $(ul li:first > *).clone(); 但是警报显示 [object Object] 我如何通过警报查看我正在保存的内容，以验证我正在保存 ul 元素的正确部分？

          <ul id="ul_first">
              <li>a</li>
              <li>b</li>  <---- start saving at this point
              <li>c</li>
              <li>d</li>
              <li>c
                   <ul id="ul_second">
                       <li>a2</li>  
                       <li>b2</li>
                       <li>c2</li>
                       <li>d2</li>
              </ul>                 <---- end saving at this point
 </li>

4

2 回答 2

0

我认为您不想使用 $.clone 来执行此操作。

我尝试了几种方法来做到这一点，我认为这是最酷的：

如果您使用的是 Chrome，则以下内容将起作用（也可能是 Safari）：

打开浏览器的 Web 控制台并输入。

    copy($('#ul_first li:gt(0)').map(function(){
        return this.outerHTML;
        }).get().join('\r\n')) //Or if you are using Linux or a Mac, just ('\n')

如果您不使用 Chrome，则可以在任何浏览器的 Web 控制台中通过以下方式完成相同的操作：

     var li=$('#ul_first li:gt(0)').map(function(){
                return this.outerHTML;
              }).get().join('\r\n')

您帖子的标题表明您可能正在尝试以编程方式复制此内容。如果您尝试创建将上述元素写入外部文件的脚本，使用纯 jQuery 执行此操作的唯一方法是使用HTML5 File API（尽管此示例不使用 jQuery，仅使用 Javascript）。没有它，您将需要服务器端技术来写入外部文件（PHP、ASP 等）。

于 2013-03-29T01:41:32.537 回答
0

使用 console.log() 代替 alert()；

var selected = $('ul li:first > *').clone();
console.log(selected);

然后，您可以打开Web 控制台来查看 javascript 对象。

于 2013-03-29T00:20:24.563 回答