javascript - 如何捕获 id 来激活或停用按钮

Question

这个问题已经有答案了:

.prop() vs .attr() (18 个回答)

已关闭 4 年前。

我有以下问题:我需要当类“estadoEntregado”在“no”中具有属性“entrega”时，评论按钮被停用。

我尝试过用Jquery分享的方式解决这个问题，但是不行。

我将状态部分的html代码和按钮部分的下面保留在同一个文件中，但我不想让代码那么长，只放置与问题相关的内容.

HTML

if($value1["envio"] == 0){

    echo '<div class="progress">

        <div class="progress-bar progress-bar-info" role="progressbar" style="width:33.33%">
            <i class="fa fa-check"></i> Aceptado
        </div>

        <div class="progress-bar progress-bar-default" role="progressbar" style="width:33.33%">
            <i class="fa fa-clock-o"></i> Enviando
        </div>

        <div class="progress-bar progress-bar-success" role="progressbar" style="width:33.33%">
            <i class="fa fa-clock-o estadoEntregado" entrega="no"></i> Entregado
        </div>

    </div>';

}

if($value1["envio"] == 1){

    echo '<div class="progress">

        <div class="progress-bar progress-bar-info" role="progressbar" style="width:33.33%">
            <i class="fa fa-check"></i> Aceptado
        </div>

        <div class="progress-bar progress-bar-default" role="progressbar" style="width:33.33%">
            <i class="fa fa-check"></i> Enviando
        </div>

        <div class="progress-bar progress-bar-success" role="progressbar" style="width:33.33%">
            <i class="fa fa-clock-o estadoEntregado" entrega="no"></i> Entregado
        </div>

    </div>';

}

if($value1["envio"] == 2){

    echo '<div class="progress">

        <div class="progress-bar progress-bar-info" role="progressbar" style="width:33.33%">
            <i class="fa fa-check"></i> Aceptado
        </div>

        <div class="progress-bar progress-bar-default" role="progressbar" style="width:33.33%">
            <i class="fa fa-check"></i> Enviando
        </div>

        <div class="progress-bar progress-bar-success" role="progressbar" style="width:33.33%">
            <i class="fa fa-check estadoEntregado" entrega="si"></i> Entregado
        </div>

    </div>';

}

按钮部分:

<a class="calificarProducto" href="#modalComentarios" data-toggle="modal" idComentario="'.$comentarios["id"].'">

    <button class="btn btn-default backColor" id="botonComentarios">Calificar Producto</button>

</a>

Jquery:

var attr = $('.estadoEntregado').attr('entrega');

// For some browsers, `attr` is undefined; for others,
// `attr` is false.  Check for both.
if (attr == "no") {

    $('#botonComentarios').attr("disabled", true);

}

Answer 1

您使用的是哪个版本的 jQuery？您可以在设置disabled时尝试使用.prop而不是.attr

所以它应该是这样的:

var attr = $('.estadoEntregado').attr('entrega');

if (attr === "no") {

    $('#botonComentarios').prop("disabled", true);

}

在此处阅读更多信息:http://api.jquery.com/prop/