Question

我有绑定html嵌套列表的JSON数据，我想将此列表转换为XML格式。有没有提供xml的属性。就像我们使用.ToString（）一样。

Answer 1

更新后的答案，请让我知道更多...

$('#go').click(function() {
    var xml = '<List>';
     $("ul#list li").each(function(){
      var name = $(this).children('.name-block').text();
      var value = $(this).children(".value-block").text();
      if(name && value){
        xml += "<Item>\n";
        xml += "<Name>" + name + "</Name>\n";
        xml += "<Value>" + value + "</Value>\n";
        xml += "</Item>\n";
      }
    });
    xml += "</list>"
    $('.modal-body').append(xml);
    $("#myModal").modal('show');
    console.log(xml)
    })

 <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>


    </head>
    <body>
    <div class="form-group">
      <div class="col-sm-offset-6 col-sm-3">
        <button type="button" id="go" class="btn btn-primary">Open XML Modal Box</button>
      </div>
    </div>
<!--Modal if input is empty-->
<div class="modal fade" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>

        </button>
        <h4 class="modal-title">you xml value printed below</h4>

      </div>
      <div class="modal-body">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

    <ul id="list">
                <li>
                    <span class="name name-block">Hello</span><span>=</span><span class="name value-block">World</span>
                    <span class="btn delete">Delete</span>
                </li>
                <li>
                    <span class="name name-block">Happy</span><span>=</span><span class="name value-block">Coding</span>
                    <span class="btn delete">Delete</span>
                </li>
            </ul>

    <!-- /.modal -->
    <!--End Modal-->
    </body>
    </html>

我们可以使用一些jquery属性将嵌套列表转换为xml吗？

1 个答案: