使用Javascript或Jquery分析xml标记属性

Parse xml tag attributes using Javascript or Jquery?

本文关键字:属性 xml 分析 Javascript Jquery 使用      更新时间:2023-09-26

我有一个xml。示例XML在下面给出

<company sample="text">
<employee id="001" sex="M" age="20">Premshree Pillai</employee>
</company>

我需要获得公司属性样本值

我正在尝试这种方法

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload = function() {
var currLoanXml = '<company sample="text"><employee id="001" sex="M" age="20">Premshree Pillai</employee></company>';
var pic = $(currLoanXml).find('company').attr('sample');
alert(pic);
};
</script>

它在我的提醒框中显示未定义。

但我也可以提醒这个儿童标签它的工作

var pic = $(currLoanXml).find('employee').attr('id');
alert(pic);  

什么是问题。我需要获取第一个标签属性。请帮帮我。

这里需要使用filter()而不是find(),因为company是根元素,即currLoanXml指的是公司元素。find将只查找已故元素

var currLoanXml = '<company sample="text"><employee id="001" sex="M" age="20">Premshree Pillai</employee></company>';
var pic = $(currLoanXml).filter('company').attr('sample');
alert(pic);

演示:Fiddle

太深

$(function() {
  var currLoanXml = '<company sample="text"><employee id="001" sex="M" age="20">Premshree Pillai</employee></company>';
  var sample = $(currLoanXml).attr('sample');
  console.log(sample);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>