我试图使用jQuery操纵XML。特别是,我想将Question
标记的值按GroupName
分组,这样我就可以创建一个jQuery Accordion,标题为GroupName
,问题为{{1}作为内容。
XML:
GroupName
jQuery:
<?xml version="1.0"?>
<GenericFormData>
<UserQuestions>
<UserQuestion>
<BoxID>Box_1_6</BoxID>
<Question>Refund requested?</Question>
<FieldType>3</FieldType>
<GroupName/>
</UserQuestion>
<UserQuestion>
<BoxID>Box_1_7</BoxID>
<Question>Would you like to receive forms?</Question>
<FieldType>3</FieldType>
<GroupName/>
</UserQuestion>
<UserQuestion>
<BoxID>Box_2_14</BoxID>
<Question>Listing nihil?</Question>
<FieldType>3</FieldType>
<GroupName>VIII</GroupName>
</UserQuestion>
<UserQuestion>
<BoxID>Box_2_15</BoxID>
<Question>Creation date</Question>
<FieldType>2</FieldType>
<GroupName>Date and signature</GroupName>
</UserQuestion>
<UserQuestion>
<BoxID>Box_2_16</BoxID>
<Question>Name of the person signing</Question>
<FieldType>0</FieldType>
<GroupName>Date and signature</GroupName>
</UserQuestion>
<UserQuestion>
<BoxID>Box_2_17</BoxID>
<Question>function of the person signing</Question>
<FieldType>0</FieldType>
<GroupName>Date and signature</GroupName>
</UserQuestion>
<UserQuestion>
<BoxID>Box_2_18</BoxID>
<Question>Phone number of the person signing</Question>
<FieldType>0</FieldType>
<GroupName>Date and signature</GroupName>
</UserQuestion>
<UserQuestion>
<BoxID>Box99</BoxID>
<Question>Liability</Question>
<FieldType>1</FieldType>
<GroupName>VII</GroupName>
</UserQuestion>
</UserQuestions>
</GenericFormData>
但这并不像它应该的那样工作。我正在迭代$(xmlDoc).find('GroupName').filter(function () {
return $(this).text() === groupnames[i].toString();
}).parents().find('UserQuestion').each(function () {
//logic to display `Question` goes here
});
(包含应有的唯一值),但groupnames
方法产生的方式太多了。有谁看到我做错了什么?非常感谢。
答案 0 :(得分:1)
如果我理解正确;我认为你的错误在于第3行
}).parents().find('UserQuestion').each(function () { ^----------------------^
目前,您正在选择所有parents()
,从根本上将
获取当前匹配组中每个元素的祖先 元素,可选择由选择器过滤。
这意味着通过选择父母,您将获得比UserQuestion
更高的元素,这将使您之前的过滤更加冗余。
如果您能够确定groupName
将是直接的孩子,那么您可以使用parent()
,删除复数。或者,如果这不是保证,您可以尝试在当前语句中添加选择器,仅选择UserQuestion
,如下所示:
$(xmlDoc).find('GroupName').filter(function () {
return $(this).text() === groupnames[i].toString();
}).parents('UserQuestion').each(function () {
//logic to display `Question` goes here
});