以jqm为目标嵌套跨度的内容

时间:2012-07-07 22:34:04

标签: jquery html

我很难将JQM注入的嵌套跨度定位在选择组之上。

在下面的代码中,我缺少工具/代码/知识来定位第二个选择块中的范围“多少?”

由于JQM正在生成范围信息,我无法添加类或ID来帮助我。

我原本希望$('#wsize').prevAll('span.ui-btn-text:first').html()可以做到这一点,但我错了。 $('#wsize').prev('.ui-btn-inner span').html()也没有成功。

感激地欢迎。

fieldset class="..." data-role="controlgroup" data-type="horizontal">
<div class="ui-select"><div class="...">
<span class="ui-btn-inner ui-corner-left"><span class="ui-btn-text">Plug trays</span>
<span class="ui-icon ui-icon-arrow-d ui-icon-shadow">&nbsp;</span></span>
<select name="pot" id="pot">
<option id="potnot" value="not" selected="selected">Container type</option>
<option value="aza">Azalea pots</option>
...
</select></div></div>

<div class="ui-select"><div ...>
<span class="ui-btn-inner">
    <span class="ui-btn-text">Which size?</span>
    <span class="ui-icon ui-icon-arrow-d ui-icon-shadow">&nbsp;</span>
</span>
<select name="size" id="size">
<option id="wsize">Which size?</option>
...
</select>
</div></div>

<div class="ui-select"><div ...>
<span class="ui-btn-inner ui-corner-right ui-controlgroup-last">
   <span class="ui-btn-text">How many?</span>
   <span class="ui-icon ui-icon-arrow-d ui-icon-shadow">&nbsp;</span>
</span>
<select name="quantity" id="quantity">
   <option id="howmany">How many?</option>
   ... 
</select></div></div>
</fieldset>

1 个答案:

答案 0 :(得分:0)

我不确定你在寻找一个跨度值,但是请看这里的演示:

http://jsfiddle.net/7hSSR/http://jsfiddle.net/7hSSR/1/

希望这有助于:)

<强>码

alert($('#wsize').parents('div').next('div').find('.ui-btn-text').html());