簡體   English   中英

帶有選擇器的 JQuery if 語句

[英]JQuery if statement with selectors

對於 jquery,您可以執行以下操作:HTML:

    <div class = "div" id="one"> <\div>
    <div class = "div" id="Two"> <\div> 

查詢:

     .onclick function for class .div
      { 
           if ($('#one')) //is selected
           { 
                    do this
            } 
           else if ($('#two'))
           {
                    do this
           }

我在想這個

 $('body').on('click','.test',function () { if ( this.id === 'one' ) { alert('Click one'); } if ( this.id === 'two' ) { alert('Click two'); } });
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <body> <div class="test" id="one">One</div> <div class="test" id="two">Two</div> </body>

備用

 $('.test').click(function () { if ( this.id === 'one' ) { alert('Click one'); } if ( this.id === 'two' ) { alert('Click two'); } });
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <body> <div class="test" id="one">One</div> <div class="test" id="two">Two</div> </body>

你可以簡單地做

$('#one').click(function() {
  //do this
});
$('#two').click(function() {
  //do this
});

如果兩個div具有相同的class

$('.classname#one').click(function() {
  //do this
});
$('.classname#two').click(function() {
  //do this
});

如果您想將其限制為div s

$('div.classname#one').click(function() {
  //do this
});
$('div.classname#two').click(function() {
  //do this
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM