0

コンテンツのないコンテナが 2 つあります。他の div の属性に基づいて、これらのコンテナーにコンテンツを追加したいと思います。私の唯一の問題は、属性内に複数の値があり、既存のコードを壊しているセミコロンで区切られていることです。

たとえば、次の div があります。

<div class="item-container" location="United States; United Kingdom"></div>

現在、私の JavaScript は次のようになっています。

$('.item-container').each(function () {
   var location = $(this).attr('location');
   if (location == "United States") { $('#american-container').append(location );}
});

現在、これは、場所属性に「米国」のみが含まれているインスタンスでは完全に機能します。ただし、「場所」属性に複数の値がある場合、これは壊れます。

他の値が存在する場合でも、「if」ステートメントが適切に機能することを確認する方法はありますか?

どんな援助でも大歓迎です。

4

1 に答える 1

0

使用するindexOf()

 if (location.indexOf("United States") >-1)

コードが次のようになっている場合

$('.item-container').each(function () {
   var location = $(this).attr('location');
   if (location.indexOf("United States") >-1) { $('#american-container').append(location );}
  if (location.indexOf("United kingdom") >-1) { $('#europe-container').append(location );}
});

次に、探しているものがすでにわかっている場合は、場所を次のように if 文字列に変更できます

   if (location.indexOf("United States") >-1) {$('#american-container').append("United States");}
    if (location.indexOf("United kingdom") >-1) {$('#europe-container').append("United kingdom");}
于 2013-09-11T14:22:06.723 に答える