JavaScriptのdiv idを確認する

Question

私はカレンダーに関する懸念のあるプロジェクトを持っています。最初は1カレンダーがあり、もう1カレンダーが必要ですが、別の値があります。

<div id="cal"> 
.... 
</div> 
<div id="calq"> 
.... 
</div> 

私の質問は、どのように私はdiv idがJavaScriptで "calq" であるかどうかを確認することができ、ありますか？

if div.id == "calq"？私が持っている最初の

... ...

<script type="text/javascript"> 
    monthYear = Date.today(); 
    var cal = new Calendar(); 
    cal.generateHTML(); 
    $('#cal').html(cal.getHTML()); 
    setMonthPrice(); 
    setSpecialPrice() 
</script> 

はその後、私は

<script type="text/javascript"> 
    monthYear = Date.today(); 
    var calq = new Calendar(); 
    calq.generateHTML(); 
    $('#calq').html(calq.getHTML()); 
    setMonthQuantity(); 
    setSpecialQuantity(); 
</script> 

を追加しただけでなく、calによって呼び出さsetMonthQuantity()は、私はちょうどsetMonthQuantity()のみcalq

のためにしたいです

function setMonthQuantity() 
{ 
    var weekdayBaseQuantity; 
    weekdayBaseQuantity = {{ product.quantity }}; 

    $('td.calendar-day').append('<div class="dayquantity">' + weekdayBaseQuantity + '</div>'); 
    $('td.Sat .dayquantity, td.Sun .dayquantity').text(weekdayBaseQuantity); 
} 

Answer 1

有無を判断するには、きれいなJavaScriptで

if(document.getElementById("calq")!='undefined') 
{ 
    // do something, it exists 
} 

きれいなJavaScriptで、IDを確認するにはjqueryの

if($("#calq").length) 
{ 
    // do something, it exists 
} 

を使用して

最善の解決策は、あなたが呼び出している関数にdiv要素に渡すことであろうように

if($(this).attr("id")=="calq") 
{ 
    // do something, it exists 
} 

Answer 2

o Jqueryなどを使用してチェックします。私はあなたがswitchのようなものを作りたいと思っています。私が正しければ、div要素に対してループするためにJqueryのeach関数を使用し、idをチェックするための条件を使用できます。

あなたが行くここ

if($(this).attr("id")=="calq") 

Answer 3

：

if (​$('#calq').length === 1) { 
// there is id = calq 
}​​​ 

Answer 4

jqueryの

を使用して

if(this.getAttribute('id')=="calc") 
{ 
    // do something, it exists 
} 

は思えます。そうすれば、あなたはあなたが扱っている部門を知ることができます。例えば、 。

<script type="text/javascript"> 
    monthYear = Date.today(); 
    var cal = new Calendar(); 
    cal.generateHTML(); 
    var calDiv = $('#cal'); 
    calDiv.html(cal.getHTML()); 
    setMonthPrice(calDiv); 
    setSpecialPrice(calDiv) 
</script> 

<script type="text/javascript"> 
    monthYear = Date.today(); 
    var calq = new Calendar(); 
    var calqDiv = $('#cal'); 
    calqDiv.html(cal.getHTML()); 
    setMonthQuantity(calqDiv); 
    setSpecialQuantity(calqDiv); 
</script> 

私は$('td.calendar-day')カレンダーHTMLであると仮定していますか？もしそうなら、setMonthQuantityは

のようなものになります

function setMonthQuantity(calDiv) 
{ 
    var weekdayBaseQuantity; 
    weekdayBaseQuantity = {{ product.quantity }}; 

    calDiv.closest('td.calendar-day').append('<div class="dayquantity">' + weekdayBaseQuantity + '</div>'); 
    calDiv.closest('td.Sat .dayquantity, td.Sun .dayquantity').text(weekdayBaseQuantity); 
}