java - 使用 html 更改 XML 值

Question

这个问题已经被问过不止一次了，但不知怎的，我没有让事情发挥作用。 我已经在这个问题上挣扎了几个小时了。

我有一个 xml 文件:

<?xml version="1.0" encoding="iso-8859-1"?>
<news>
   <field id="nettooppervlakte1">

           <name>Opp. netto</name>
           <content>970</content>
           <background>1</background>

   </field>
   <field id="nettooppervlakte2">

           <name>Ras 1</name>
           <content>Euro sunny</content>
           <background>1</background>

   </field>
   <field id="nettooppervlakte3">

           <name>Plantdichtheid 1 (st/m²)</name>
           <content>45</content>
           <background>1</background>

   </field>
</news>

xml 文件更大，但无需发布整个文件(有更多字段)。

然后我在 html(脚本)中使用它来获取信息:

$(document).ready(function(){
        var id = 0;
    $.ajax({
    type: "GET",
    url:"http://www.officespecialisten.it/wesleyfloor/table.xml",
    dataType: "xml",
    success: function(xml) {

    $(xml).find('field').each(function(){
    var name = $(this).find('name').text();
    var content = $(this).find('content').text();
    var days = $(this).find('days').text();
    var day = $(this).find('day').text();
    var week = $(this).find('week').text();
    var year = $(this).find('year').text();

   $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>'+id++).html(name+'</a>').appendTo('#'+id+'name');
    $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>').html(content+'</a>').appendTo('#'+id+'content');
     $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>').html(days+'</a>').appendTo('#'+id+'days');
      $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>').html(day+'</a>').appendTo('#'+id+'day');
       $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>').html(week+'</a>').appendTo('#'+id+'week');
        $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>').html(year+'</a>').appendTo('#'+id+'year');

            });

            }
   });
});

将其放入表格(html):

<tr>
    <td colspan="2"  bgcolor="#ade500"><div id="1name"></div></td>
    <td colspan="2" bgcolor="#ade500"><div id="1content"></td>
</tr>
<tr>
     <td colspan="2" bgcolor="#ade500"><div id="2name"></div></td>
     <td width="2" bgcolor="#ffffcc"><div id="2content"> </td>


 </tr>
 <tr>
     <td colspan="2" bgcolor="#ade500"><div id="3name"></div></td>
     <td colspan="2" bgcolor="#ffffcc" ><div id="3content"></div></td>
 </tr>

现在的问题是， 我希望用户可以更改(使用输入框或其他东西)“3content”的值:

<td colspan="2" bgcolor="#ffffcc" ><div id="3content"></div></td>

这行 xml 是什么:

<content>45</content>

这可以轻松完成吗？因为我已经看到/尝试过一些页面长的代码(没有全部尝试过)，要更改 1 个 XML 值，所以我认为这应该不是什么大问题。

我刚刚接触 HTML/XML。我曾经做过android Java、actionscript3、c++(主要使用CML库)。这也是我制作的第一个真正的网站。

如果您需要了解更多信息或对某事进行解释，请直接询问。

非常感谢您的耐心等待，

大流

Answer 1

您需要监视单击事件并放置一个带有输入的表单。除了自己编写代码之外，还有许多可用的插件(搜索“jquery 内联编辑”)。这是一个流行的:Jeditable