如何将新元素插入'这'子元素Jquery
How to insert new element to 'this' child element Jquery?
我已经嵌套了for循环。第一个是从XML文件中获取问题和答案,内部循环是添加属于头部问题的子问题。。。我的代码:
for (var i = 0 ; i < size; i++) {
var question = xml.find('row').eq(i).find('question').text();
var sizeQ = xml.find('row').eq(i).find('question_down').size();
var answer = xml.find('row').eq(i).find('answer').text
$('.faq_row').append(" <div class='faq_details'> <li class='faq_quest' > <a class='faq_row_question'>" + question +
"<div class='faq_triangle_down'> </div></a> <div class='faq_inside_question'> <p class='faq_answer'>" + answer + "</p> <div class='faq_sub_questions'> </div> </div> </li> </div> <br>"); //here i get question and answer for the question
for (var j = 0; j < sizeQ; j++) {
var subquestion = xml.find('row').eq(i).find('question_down').eq(j).text();
$('.faq_sub_questions').append("<a class = 'faq_sub_question_link'>" + subquestion + "</a> <br class='faq_br'>"); // here i get all sub questions
}
}
我的问题是,所有的子问题都写入同一个类"faq_sub_questions",在第一个问题中,我看到了XML文件中的所有子问题,我想为每个问题添加自己的子问题。。。有什么建议吗?
尝试将您的faq_details
元素存储在变量中,然后使用此变量使用find
方法标记当前行faq_sub_questions
div,最后附加您的div链接faq_sub_question_link
:
//Store your faq_details in variable
var faq_details = $(" <div class='faq_details'> <li c.....");
$('.faq_row').append( faq_details );
//Then use this variable to targer the current row
faq_details.find('.faq_sub_questions').append("<a class = 'faq_sub_question_link'>...
希望这能有所帮助。
您可以每次创建并引用一个新的父元素,如下所示:
for (var i = 0 ; i < size; i++) {
var question = xml.find('row').eq(i).find('question').text();
var sizeQ = xml.find('row').eq(i).find('question_down').size();
var answer = xml.find('row').eq(i).find('answer').text
// here define `parenter` variable
var parenter = $(" <div class='faq_details'> <li class='faq_quest' > <a class='faq_row_question'>" + question +
"<div class='faq_triangle_down'> </div></a> <div class='faq_inside_question'> <p class='faq_answer'>" + answer + "</p> <div class='faq_sub_questions'> </div> </div> </li> </div> <br>");
// here append using the new variable name
$('.faq_row').append( parenter ); //here i get question and answer for the question
for (var j = 0; j < sizeQ; j++) {
var subquestion = xml.find('row').eq(i).find('question_down').eq(j).text();
// here again append to new parent variable instead
parenter.children(".faq_sub_questions").append("<a class = 'faq_sub_question_link'>" + subquestion + "</a> <br class='faq_br'>"); // here i get all sub questions
}
}
相关文章:
- 可以't附加html元素jquery
- 循环遍历元素jquery选择器
- 在ajax加载的元素jquery上包含现有的jquery函数
- 如何删除元素列表中的类并添加到另一个元素 Jquery.
- 获取单击的类元素 jQuery 的名称值
- 获取上一个元素 jQuery 的内容
- 根据另一个元素的更改获取一个元素(jquery)
- 区分不同的可拖放元素(jQuery 拖放)
- 除了最后一个<td>元素-Jquery
- 获取子元素jQuery的单选按钮值
- 捕获元素jquery外部的mousedown事件
- .append到非DOM元素jQuery
- 获取其父元素的精确子元素.Jquery
- 获取重复结构中的特定元素jquery
- 捕获隐藏输入元素jQuery的值
- 使用onclick函数获取点击的元素jquery
- 返回父元素 jquery 中的输入值
- 按属性查找元素 jQuery
- 选择元素 jQuery
- 按子元素 - jQuery 的数据 ID 对 li 进行排序