您可以在一行 JQuery 中运行 JS if 语句和 for 循环吗？

Question

我对学习 Javascript 和 Jquery 都很陌生。

在我正在创建的网站中，我试图在一行 JQuery 中插入一个 Javascript if 语句和一个 for 循环。最后一次确认没有运行。我怀疑是 if 语句导致了这个问题。我怎样才能解决这个问题？这是我的代码的样子。

$(document).ready(function() {
    $(".button3").click(function() {
        var lastname = $('#lastnameresponse').val();
        confirm("You're last name is" + " " + lastname);
        if (userResponse = "girl") {
            for (var i = 0; i <= girlnames.length; i++) {
                confirm("Your future daughter's name is" + " " + random + " " + randomagain + " " + lastname);
            })
    });

Answer 1

很多对您的代码没有多大意义。

首先，userResponse 是什么？这是在哪里定义的，在哪里设置？你有没有在调试器下验证过它确实等于“女孩”？

其次，您可能打算在这里使用比较等于而不是赋值等于：

if (userResponse = "girl") { // This should be ==

但是，这不应阻止块运行。事实上，它会强制块始终运行，因为“girl”是真实的。

第三，girlnames是什么？它是一个数组吗？这是在哪里定义的？您是否确认它确实包含有效的项目？

最后，我相信您的 for 循环不正确：

for (var i = 0; i <= girlnames.length; i++) {

应该是：

for (var i = 0; i < girlnames.length; i++) {

数组从 0 开始，因此 girlnames[girlnames.length] 不是有效项。

但是，考虑到您没有在任何地方使用循环中的i 变量，这也不应该实际上导致任何错误。

我会使用脚本调试器（在现代浏览器中通常为 F12）逐行遍历您的代码，并在以下位置设置断点：

var lastname = $('#lastnameresponse').val();

然后验证每一行的行为是否正确。如果这仍然不起作用，您需要发布更多代码，以便我们更好地了解发生了什么。

更新：

根据您的评论：

这里是定义 userResponse 变量的地方： $(document).ready(function(){ $("#girlimg").click(function() { var userResponse = prompt("确认您选择的性别").toLowerCase; $('html, body').animate({ scrollTop: $(".LastName").offset().top }, 2000);

似乎userResponse 在#girlimg 标签的点击处理程序中被声明：

$("#girlimg").click(function() {
    // Everything declared here is local to this function
    var userResponse = confirm(); // local variable
});

因此，.button3 的点击处理程序将无法访问它。您需要在两个函数都可以访问的范围内声明 userResponse。可能是全局的（这在 JavaScript 中是不受欢迎的）或在您的 $(document).ready() 代码中，前提是在该块中定义了两个单击事件处理程序。

Answer 2

首先：它是Your 而不是You're :)

其次，userResponse 未定义。也许它是在其他地方定义的。

为了比较，请使用== 运算符。

你确定这是你想做的吗？我看到你那里也有confirm。 像这样使用confirm：

$(".button3").click(function() {
    var lastname = $('#lastnameresponse').val();
    // confirm() returns true or false, depending on the clicked button
    is_confirmed = confirm("You're last name is" + " " +lastname);
    if (true == is_confirmed) {
        for (var i = 0; i <= girlnames.length; i++) {
            confirm ("Your future daughter's name is" + " " + random + " " + randomagain + " " +   lastname);
        }
    }
});

girlnames 也没有在这里定义（可能在其他地方）。 random 和 randomagain 也一样

至于“在”jQuery 中编写 JavaScript：不存在这样的问题。 jQuery 是一个用 Javascript 编写的库，它提供了有用的功能来简化开发。

Answer 3

以下语句不包含正确的 JavaScript 比较运算符

等于写成 ==

if (userResponse = "girl") {

参考看看here

Answer 4

你忘了关闭一些箭头，无论如何你放的时候：

if (userResponse ="girl"){...}  

您将 userResponse 变量设置为“girl”，并且只将值传递给变量
签入 userResponse 等于 "girl" 你应该放

if (userResponse =="girl")

您的最终代码将如下所示

 $(document).ready(function(){
$(".button3").click(function() {
var lastname = $('#lastnameresponse').val();
confirm("You're last name is" + " " +lastname);
if (userResponse ="girl") {
    for (var i = 0; i <= girlnames.length; i++) {
    confirm ("Your future daughter's name is" + " " + random + " " + randomagain + " " +   lastname);
    }}}
)
});

p.s：你忘记关闭太多箭头