javascript - JQueryを使用して外部ページからクラスをカウントする

Question

外部のhtmlページにあるクラス（.wrapper）の数を数える必要があるjavascriptファイルがあります。

これまでのところ、これをカウントに使用しています（以前はすべて同じページにありました）。

var adCount = $('.wrapper').size();
alert(adCount);

しかし、コードが実行されているのとは別のページでこのステートメントを実行できるものを見つけることができないようです。私はこのようなものを追加したいと思っていました。

var adCount = $('js/sliderExternal.html .wrapper').size();
alert(adCount);

それらは同じディレクトリにありますが、外部ページを絶えず更新する必要があり、コードのページの途中に配置したくないので、ページを分離したままにしています。（このページは、まったくコーディングしていない人によって更新される可能性があります）。とにかく、これに関するどんな助けも大いにありがたいです。

さらに情報が必要な場合は、遠慮なくお問い合わせください。

ありがとう。

score 0 · Accepted Answer

最初に使用してページをhtmlにロードしdocument.load()、append()それをDOM構造にロードする必要があります。これを行うと、JQueryを使用してその中のクラスの数を見つけることができます。

score 0 · Accepted Answer

div可視性がfalseであるものの中にその外部htmlをロードします。次のようなもの：

  $('#id_of_div').load(external_url)

次に、以下を使用して長さを見つけます。

   var numItems = $('.wrapper').length

score 0 · Accepted Answer

これは機能するはずです：

$.get('js/sliderExternal.html', function(data){
  $(data).find('.wrapper').size();
})

3 に答える 3