Javascript 获取所有子项的当前值/内容，<；输入/>；及<；span>；，属于<；部门>；

因此，我有如下HTML：

<div id="setence">
<select id="spellingSuggestions"> 
    <option class="0" value="teh">teh</option> 
    <option class="1" value="the">the</option> 
    <option class="2" value="Te">Te</option> 
    <option class="3" value="tech">tech</option> 
    <option class="4" value="Th">Th</option> 
    <option class="5" value="eh">eh</option> 
</select> 
<select id="spellingSuggestions"> 
    <option class="0" value="wuick">wuick</option> 
    <option class="1" value="quick">quick</option> 
    <option class="2" value="wick">wick</option> 
    <option class="3" value="Vick">Vick</option> 
    <option class="4" value="Buick">Buick</option> 
    <option class="5" value="whack">whack</option> 
</select> 
<span class="correctWord">brown</span>
<select id="spellingSuggestions"> 
    <option class="0" value="fx">fx</option> 
    <option class="1" value="Fax">Fax</option> 
    <option class="2" value="Fox">Fox</option> 
    <option class="3" value="fax">fax</option> 
    <option class="4" value="fix">fix</option> 
    <option class="5" value="fox">fox</option> 
</select> 
<span class="correctWord">jumped</span>
<span class="correctWord">over</span>
<select id="spellingSuggestions"> 
    <option class="0" value="teh">teh</option> 
    <option class="1" value="the">the</option> 
    <option class="2" value="Te">Te</option> 
    <option class="3" value="tech">tech</option> 
    <option class="4" value="Th">Th</option> 
    <option class="5" value="eh">eh</option> 
</select> 
<select id="spellingSuggestions"> 
    <option class="0" value="lzy">lzy</option> 
    <option class="1" value="lazy">lazy</option> 
    <option class="2" value="Ly">Ly</option> 
    <option class="3" value="Lay">Lay</option> 
    <option class="4" value="Loy">Loy</option> 
    <option class="5" value="lay">lay</option> 
</select> 
<span class="correctWord">dog</span>
</div>

德
这个
Te
技术人员
Th
嗯
威克
快的
灯芯
维克
别克
重击
棕色的
外汇
传真
福克斯
传真
修理
狐狸
跳
结束
德
这个
Te
技术人员
Th
嗯
lzy
懒惰的
Ly
放置
爱
放置
狗

我试图按顺序获取每个跨度的内容/值以及每个

中的第二个

（.1），并将其存储在变量中

在本例中，我试图在变量中获取的字符串是“快速棕色传真跳过了懒惰的狗”

在伪代码中，我将：

• 遍历#句的所有子句
• 检查当前子元素是否属于类。是否更正Word
• 如果是，获取它的内容
• 若不是，则获取其第二个子项的值
• 按顺序将内容和值缝合在一起
• 将新合成的字符串存储在var中

如何使用javascript/jQuery实现这一点

var str = "";
$('#sentence').children().each(function(){
    if($(this).is('.correctWord')){
      str += " "+$(this).text();
    }else if($(this).is('select')){
     str += " "+$(this).find('option').eq(1).val();
    }
})

---

演示

-->

您使用psuedo代码做得非常好。。有代码吗？@Sushanth——还没有代码，我不知道如何遍历子对象。