获取带有id的json元素的标签

时间:2013-10-23 07:14:42

标签: c# javascript jquery json

我有这种形式的json元素;

<rect style="fill: #888888; display: inline;" id="17" width="35.823246" height="35.823246" x="456.61066" y="65.9505" class="seatObj" label="A18"></rect>

如何获取属性label值?

假设<rect .../>标记了xml的一部分,那么如何使用C#控制台应用程序获得相同的内容?

3 个答案:

答案 0 :(得分:2)

试试这个:

var elem = document.getElementsById('17');
var label = elem.getAttribute('label');
alert(label);

使用jQuery:

alert($('#17').attr('label'));

你有300个这样的元素:

然后试试这个:

$('rect').each(function(){
     alert($(this).attr('label'));
});

这是 Demo

通过在 rect 元素中添加属性并使用该类选择它们来实现此目的的另一种方法。 我添加了class="sample" rect 元素。 选中 Fiddle

 $('.sample').each(function(){
     alert($(this).attr('label'));
 });

示例xml文件。

 <?xml version="1.0" encoding="utf-8" ?>
 <Test>
      <rect style="fill: #888888; display: inline;" id="17" width="35.823246" height="35.823246" x="456.61066" y="65.9505" class="seatObj" label="A18"></rect>
      <rect style="fill: #888888; display: inline;" id="18" width="35.823246" height="35.823246" x="456.61066" y="65.9505" class="seatObj" label="A19"></rect>
 </Test>

使用c#console应用程序解析xml:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Xml;

namespace Sample
{
    class Program
    {
        static void Main(string[] args)
        {
            XmlDocument doc = new XmlDocument();
            doc.Load("Url for Sample.xml");

            XmlNodeList elemList = doc.GetElementsByTagName("rect");
            for (int i = 0; i < elemList.Count; i++)
            {
                string attrVal = elemList[i].Attributes["label"].Value;
                Console.WriteLine(attrVal);
            }
            Console.ReadLine();
        }
    }
}

答案 1 :(得分:0)

首先,label 不是有效的DOM属性。您需要将其更改为data-label。如果您想使用任何自定义属性,则需要使用data-前缀 另外,id属性的第一个字符必须是字母,例如a17,而不是17 如果你考虑上面的两个,那么你可以访问这个属性

$('#a17').attr('data-label')

或普通javascript

document.getElementById('a17').dataSet.label

答案 2 :(得分:0)

试试这个:

var elem = $('#' + id)
alert(elem.attr("label"));