0

選択したグループの上に JQM によって挿入されたネストされたスパンをターゲットにするのが困難です。

以下のコードでは、2 番目の選択ブロック「いくつ?」でスパンをターゲットにするためのツール/コード/知識が不足しています。

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>
4

1 に答える 1

0

スパン値を探しているのかわかりませんが、こちらのデモをご覧ください:

http://jsfiddle.net/7hSSR/またはhttp://jsfiddle.net/7hSSR/1/

これが原因に役立つことを願っています:)

コード

alert($('#wsize').parents('div').next('div').find('.ui-btn-text').html());
于 2012-07-07T23:02:42.970 に答える