Javascript 当特定文本出现在jquery中的div中时发出警报

我想在特定文本出现在div中时启用某些面板。例如，当文本“This is a valid host”（这是有效主机）出现在特定div中时，将发出警报，并且应启用某些元素（在开始时禁用）。如果没有文本出现，则警报将是“无效主机”。我实现了下面的代码，但每次显示警报时都会显示“有效主机，面板已启用”。 这是我的密码：

<script>
 $("#divoutput").bind("DOMSubtreeModified" , function(){
 if (("#divoutput").innerhtml=="This a valid host")
 {alert ("valid host , panels are enabled");
 $('#text1').attr('disabled', false);
 $('#text2').attr('disabled', false);
 $('#text3').attr('disabled', false);
 $('#text4').attr('disabled', false);
 elseif (("#divoutput").innerhtml=="") 
 alert ("Invalid host , ");
 })
</script>

$（“#divoutput”）.bind（“domsubtredemodified”，function（）{
if（（“#divoutput”）.innerhtml==“这是一个有效的主机”）
{警报（“有效主机，面板已启用”）；
$（'#text1'）.attr（'disabled'，false）；
$（'#text2'）.attr（'disabled'，false）；
$（'#text3'）.attr（'disabled'，false）；
$（'#text4'）.attr（'disabled'，false）；
elseif（（“#divoutput”）.innerhtml==”）
警报（“无效主机”）；
})

@abhishek，您的代码中缺少大括号。请尝试以下内容。更新了您的代码

$("#divoutput").bind("DOMSubtreeModified" , function(){
if (("#divoutput").innerhtml=="This a valid host")
{
     alert ("valid host , panels are enabled");
     $('#text1').attr('disabled', false);
     $('#text2').attr('disabled', false);
     $('#text3').attr('disabled', false);
     $('#text4').attr('disabled', false);
}
else if (("#divoutput").innerhtml== " ")
{
  alert ("Invalid host");
}

 });

---

您可以这样做：

$（“#divoutput”）.on（“domsubtreemedited”，function（））{
if（$（this）.text（）=“这是一个有效的主机”）{
警报（“有效主机，面板已启用”）；
$（'#text1'）.attr（'disabled'，false）；
$（'#text2'）.attr（'disabled'，false）；
$（'#text3'）.attr（'disabled'，false）；
$（'#text4'）.attr（'disabled'，false）；
}else if（$（this）.text（）=“”）{
警报（“无效主机”）；
}
});
setTimeout（函数（）{
$（“#divoutput”）.html（“这是一个有效的主机”）；
}，1000）；

提供的代码段中存在无效的

选择器

，并且几乎没有人为错误

查看下面提供的示例：

$（“#divoutput”）.bind（“domsubtredemodified”，function（）{
if（this.innerText==“这是一个有效的主机”）{
警报（“有效主机，面板已启用”）；
}else if（this.innerText==“”）{
警报（“无效主机”）；
}
});
$（'#btn'）。在（'click'，function（）上{
var Selector=$（“#divoutput”）；
var html=selector.text（）；
如果（html）{
html（“”）；
}否则{
html（'这是一个有效的主机'）；
}
})；

你好
改变你的意思是这样吗

HTML：

<div id="text">This is a valid host</div>
<input type="radio" id="input" disabled="true">
<button id="button">Click</button>

$(document).ready(function(){
    $('#button').click(function(){
        if(document.getElementById('text').innerHTML == "This is a valid host"){
            $('#input').removeAttr("disabled");
            alert("Valid host , panels are enabled");
        } else {
            $('#input').attr("disabled", "true");
            alert("Invalid host");
        }
    });
});

单击按钮后，它将检查“这是一个有效的主机”文本是否存在。如果文本确实存在，则单选按钮将被启用。
您在
中包含
elseif
，如果
您的JavaScript中有几个错误。刚才提到的@Raviteja，加上您缺少一个结束
}
用于
if
之前的
else if块。此外，在
if
语句中缺少选择器的
$`。