3

編集: 2 すべて忘れてください。ご協力ありがとうございます。問題の原因となっている他のJSを修正するのは私の問題でした。すべてのブラウザですべて問題ありません。

ここで編集を行うべきか、これについて新しいスレッドを開始するべきかはわかりませんが、最初に助けを求めた結果の続きです。

Roko (@user2469528) から提供されたコードはうまく機能しました。ありがとうございます。ただし、Chrome (作業の確認に使用) でのみ問題ないようですが、Firefox、IE、および Safari では問題ないようです (気付きました!)。 . 私の最初の質問の延長として、なぜこれが当てはまるのかを理解するのを手伝ってくれませんか? JQueryの問題ですか？

実際の動作を確認するには、私が構築しているサイト(BigCommerce バックエンド) に移動してから、製品をカートに追加し、カートを表示して、[送料の計算] をクリックしてください。このサイトはオーストラリアでのみ販売されるため、このメニューから国と州のドロップダウンを非表示にしました. Chrome (少なくとも現在のバージョン!) では完璧ですが、FF / Safari / IE10 ではそうではありません...

ご意見をお寄せいただきありがとうございます。M

元のリクエスト* ** * ** * ** * ** * ** * ** * ****

最初の 2 つと名前のないリストを非表示にしようとしてい<dt>ます<dd>。リストは名前付きの中にありdivますが、以下の通りです。

<div class="ShippingMethod">
   <dl>
      <dt>Country</dt>                     <--- Hide
      <dd>Country List</dd>                <--- Hide 
      <dt>State</dt>                       <--- Hide
      <dd>State List</dd>                  <--- Hide
      <dt>Post Code</dt>
      <dd>Post Code List</dd>
   </dl>
</div>

ページには他<dl>にもあるので、「ShippingMethod」クラスで div 内のこの特定のインスタンスをターゲットにする必要があります。このフォーラムのコードのいくつかの組み合わせを試しましたが、成功しませんでした。

4

3 に答える 3

1

http://jsbin.com/uciyiv/1/edit <-- 同じクラスの要素が複数あるデモ.ShippingMethod

$('.ShippingMethod').find('dt:lt(2), dd:lt(2)').hide();

http://api.jquery.com/lt-selector/

一致したセット内のインデックスより小さいインデックスのすべての要素を選択します。

于 2013-07-20T01:53:30.053 に答える