javascript-如何使用jQuery的hasClass函数检查表是否具有类？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何使用jQuery的hasClass函数检查表是否具有类？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3218字，纯文字阅读大概需要5分钟。

内容图文

我对表b的onclick函数有问题,该函数无法确定表A是否具有selected_upsize类

场景：
表B在表A中也有项目列表.
现在,当我单击表B中的一个项目时,如果表A具有或不具有selected_upsize类,则单击功能将执行条件,以简化场景.

如果表A的类别为(selected_upsize),则它将发出警报,否则我在表B中单击的项将附加在表A上.

我有我的输出

我的Onclick函数具有这里的函数

     $(".customer_edit_table_chaining_condiments").on('click',function(e){

                        //this is the item of table B that will append if the table A has no class
                        var customer_edit_condimentsScreenNameClicked = $(this).closest('tr').find('.customer_edit_condimentsScreenNameClicked').text();
                        var customer_edit_condimentsScreenPriced = $(this).closest('tr').find('.customer_edit_condimentsScreenPriced').text();

                       $(".customer_edit_table_chaining_condiments").on('click',function(e){

        //this is the item of table B that will append if the table A has no class
        var customer_edit_condimentsScreenNameClicked = $(this).closest('tr').find('.customer_edit_condimentsScreenNameClicked').text();
        var customer_edit_condimentsScreenPriced = $(this).closest('tr').find('.customer_edit_condimentsScreenPriced').text();

       if($('#noun_chaining_order').find('tr.selected_upsize').length){    

            alert('You can"t upsize the item');
       }else{                                        
            $('table#noun_chaining_order').append('<tr class="" id="append_imaginary_upsize_condiments"><td contenteditable="true">-</td><td>'+customer_edit_condimentsScreenNameClicked+'</td><td>'+customer_edit_condimentsScreenPriced+'</td></tr>');
            $('tr#append_imaginary_upsize_condiments').addClass('selected_upsize');

       }
})       

我的HTML表A

<table class="table table-hover upsize_check" id="noun_chaining_order" style="border:none;">
<thead>
    <tr style="font-size: 15px;  color:white;">
        <th scope="col">Qty</th>
        <th scope="col">Condiments</th>
        <th scope="col">Price</th>
    </tr>
</thead>
<tbody style="font-size:14px; color:white;" class="tbody_noun_chaining_order">                  

</tbody>

表B

<table  class="table table-striped table-bordered " id="customer_table_update_chain_order" style="width:100%">
<div class="content-noun" style="text-align: center;">
<thead>
    <tr style="background: linear-gradient(-20deg, #00e4d0, #5983e8); color:white;" >
        <th>Condiment Screen Name</th>
         <th>Condiment Price</th>
         <th>Condiment Image</th>
    </tr>
</thead>
    </div>
<tbody>

</tbody>

解决方法:

请尝试这个.
如果我的理解是正确的,那应该起作用.

$(".customer_edit_table_chaining_condiments").on('click',function(e){

        //this is the item of table B that will append if the table A has no class
        var customer_edit_condimentsScreenNameClicked = $(this).closest('tr').find('.customer_edit_condimentsScreenNameClicked').text();
        var customer_edit_condimentsScreenPriced = $(this).closest('tr').find('.customer_edit_condimentsScreenPriced').text();

       if($('#noun_chaining_order').find('tr.selected_upsize').length){    

            alert('You can"t upsize the item');
       }else{                                        
            $('table#noun_chaining_order').append('<tr class="" id="append_imaginary_upsize_condiments"><td contenteditable="true">-</td><td>'+customer_edit_condimentsScreenNameClicked+'</td><td>'+customer_edit_condimentsScreenPriced+'</td></tr>');
            $('tr#append_imaginary_upsize_condiments').addClass('selected_upsize');

       }
})                  

内容总结

以上是互联网集市为您收集整理的javascript-如何使用jQuery的hasClass函数检查表是否具有类？全部内容，希望文章能够帮你解决javascript-如何使用jQuery的hasClass函数检查表是否具有类？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端