0

クライアントのウェブサイトのモバイル版を実装しています。店舗ページには、詳細情報へのリンクを含む店舗情報の長いリストがあります。1 つの店舗 HTML ブロックの例は次のとおりです -

 <div class="overlayContent">
<h2>Bagot Opticians</h2>
<div>
10 Library Road
<br>
Kendal, LA9 4QB
<br>
Tel: 01539 721619
</div>
<a href="store-directory/bagot-opticians.aspx">more about S., C. &amp; T. Bagot</a>
</div>

次のコードを使用してストアをループし、テキストの「詳細について」の部分を削除しました。

 $(document).ready(function() {



$('.jsGrid ul li').each(function(index) {
     var anchortext =($('.overlayContent a', this).text());
     alert(anchortext)

        $('.overlayContent a', this).html(anchortext.substring(10, anchortext.length));

});
});

iPhone 以外のすべてのデバイスで正常に動作します。これは、何らかの理由でターゲットの一部として電話番号を取得します!? 誰かが別のアプローチやこの問題の理由を提供できますか?

乾杯ポール

4

1 に答える 1

0

これを試して:

$(document).ready(function() {
  $('.jsGrid ul li').each(function(index) {
    $('.overlayContent a', this).remove();
  });
});

要素自体を保持したいが空にする場合は、remove()をempty()に置き換えます。

于 2012-04-16T11:07:11.613 に答える