为什么字符串比较没有结果

我试图使用id将文本输入的值与<h>标记之间的字符串进行比较，但什么都没发生。

$(document).ready(function() {
var a = $("#name").val();
var b = $("#verifyname").innerHTML;
if (string(a).upper() == b.upper()) {
$("#one").innerHTML = "right";
} else {
$("#one").innerHTML = "wrong";
}
});

jQuery没有innerHTML属性。我认为您希望使用.html()或.text()。此外，JS没有string()或upper()方法。后者将是toUpperCase()。

有了这些更正，代码将看起来像这样：

jQuery($ => {
checkName(); // check on load
$('button').on('click', checkName); // check when the button is clicked
});
let checkName = () => {
var a = $("#name").val().trim();
var b = $("#verifyname").text().trim();  
$('#one').text(a.toUpperCase() == b.toUpperCase() ? 'right' : 'wrong');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<h4 id="verifyname">Foobar</h4>
<input type="text" id="name" />
<button type="button">Check</button>
<span id="one"></span>

相关内容

最新更新

热门标签：