：無

Question

我有一個變量lineNum遞增的，當我點擊h1

我試圖讓「if」做出div display:none，但我只是不能類型if代碼嗎？

這裏是我有以下麻煩if JQuery的行：

if (lineNum > 1) {blue-sun-div, display: none;} 

感謝您的幫助：）

---

***編輯： 你好 這裏是jQuery的（我的第一個jQuery編碼項目）

當我點擊'h1'和'h2'，'va時，兩個div在屏幕上移動r'也增加。當'var'變爲1或以上時：blue-sun-div應該消失。

如果我刷新瀏覽器，但只有在手動輸入「var」= 1或更多時，我才能使blue-sun-div消失，所以我具有正確的div名稱，但在lineNum ++引發時不會消失var'lineNum'自動過去1。

lineNum完成工作後，是否需要在最後重新觸發代碼？ 對不起，如果這沒有意義。它的4點在這裏。

這裏是代碼。非常感謝你

$(document).ready(function() { 

    var lineNum = 0; 

$("h1").click(function() { 
    $("#blue-sun-div, #red-sun-div").animate({ 
      "left": "+=200px" 
    }, 1000); 
    }); 

$("h2").click(function() { 
    $("#blue-sun-div, #red-sun-div").animate({ 
      "left": "-=200px" 
    }, 1000); 
    }); 

lineNum++; 

if(lineNum > 1) { 
    $("#blue-sun-div").css({ display: "none" }); 
} 

}) 

Answer 1

你有權限訪問jquery嗎？或者你只是使用普通的JavaScript？

最簡單的方法是：

if(lineNum > 1) 
{ 
    $('#blue-sun-div').hide(); 
} 

這個假定您有jQuery的設置已經和blue-sun-div是div的ID（<div id="blue-sun-div">）

，如果它是類（<div class="blue-sun-div">），然後上面的jquery需要更改爲$('.blue-sun-div').hide();

對於純javascript，最好的方法是創建一個隱藏函數並在h1的onclick中調用它。

function hideDiv(divId){ 
    document.getElementById(divId).style.display="none"; 
} 

然後在html：

在JavaScript

<h1 id="SomeID" onclick="hideDiv('blue-sun-div');">H1 TEXT</h1> 

Answer 2

只是做： 如果blue-sun-div是一個類名

if(lineNum>1){ 
    $(".blue-sun-div").hide(); 
} 

如果blue-sun-div是一個ID

if(lineNum>1){ 
    $("#blue-sun-div").hide(); 
} 

Answer 3

爲了使元素具有CSS display: none，你可以用下面的方法：

純JavaScript：

if(lineNum > 1) { 
    document.getElementById("blue-sun-div").style.display = "none"; 
} 

使用jQuery（我推薦這個）

if(lineNum > 1) { 
    $("#blue-sun-div").css({ display: "none" }); 
} 

這是假設你有一個<div id="blue-sun-div"> ...。