Question

我试图在显示其他按钮时使用jQuery显示按钮。但我不是jQuery专家。所以我想知道是否有人可以帮我解决这个问题？

我有两个按钮：

按钮ent-step
按钮del-step

我想要做的是只在屏幕上显示按钮ent-step时显示按钮del-step。通常，使用此JavaScript隐藏此按钮del-step：

function showDellocation($this) {
    var dataLocation = $this.attr("data-location");
        $(".del-step[data-location='" + dataLocation + "']").show();
        $(".add-step[data-location='" + dataLocation + "']").addClass( "blur" );
    }
function hideDellocation($this) {
    var dataLocation = $this.attr("data-location");
        $this.hide();
        $(".add-step[data-location='" + dataLocation + "']").removeClass("blur");
}

按钮ent-step位于Ajax调用的另一个PHP文件中：

<table class="item-buttons">
    <tr>
        <td style="width:150px;">&nbsp;</td>
        <td style="width:150px;">
            <a href="example.com/step" value="Ent">
                <button class="ent-step">Entertainment&nbsp;
                    <i class="fa fa-angle-double-right" aria-hidden="true">/i>
                </button>
            </a>
       </td>
    </tr>
</table>

我可以使用blur类激活此选项吗？例如：

jQuery(document).ready(function($) {   
    if ($(this).hasClass('blur')) {
        $('.ent-step').addClass('clickable');
    }

然后使用CSS设置按钮的样式？或者这不是正确的方法吗？

Answer 1

您可以根据class

的.add-step隐藏按钮

if ($('.add-step').hasClass('blur')) {
    $('.ent-step').show();
}

当您隐藏.add-step隐藏.ent-step按钮时

function hideDellocation($this) {
   var dataLocation = $this.attr("data-location");
   $this.hide();
   $(".add-step[data-location='" + dataLocation + "']").removeClass("blur");
   $('.ent-step').hide();
}

仅显示按钮-B时显示按钮-A

1 个答案: