在max-width下刪除ul li但保留子內容不變

-1

我不確定這是可能的與CSS但也許與js。在max-width下刪除ul li但保留子內容不變

<ul id="removeme-ul"> <- remove 
    <li id="removeme-li"> <- remove 
     <p>Contents</p> <- keep 
    </li> <- remove 
</ul> <- remove 


$("#removeme-ul").remove(); 
$("#removeme-li").remove();

當最大寬度低於一定數額，我想刪除UL &裏，但是，離開該p與它的內容完整，我曾嘗試使用我的非常有限的JS，但知識做，什麼都沒發生。當然，如果我使用display：none，它會刪除包括p在內的所有子內容。

編輯這可能表明什麼，我試圖實現一個更好一點

<ul> 
<li><p>Login</p> 

<- would like the login form to move here & remove/hide ul, li when in mobile view -> 

    <ul id="remove-ul"> 
     <li id="remove-li"> 
      <p>Login Form</p> 
     </li> 
    </ul> 
</li>

編輯兩個

對不起球員，這可能使它更清晰一點

<ul> 
<li><a id="login-url" href="./login">Login</a> 

<- it does indeed get appended here -> 

    <ul> 
     <li> 
      <span id="login-form"> 
       <form>Login Form</form> 
      </span> 
     </li> 
    </ul> 
</li>

感謝回覆的傢伙，我使用了append，它的確在登錄時添加了登錄表單，但是，我不知道如何將其移回。

var ww = document.body.clientWidth; 

var adjustMenu = function() { 

if (ww < 871) { 

    $("#login-url").append($("#login-form")); 


    }); 
} 

else if (ww >= 871) { 



    }); 
} 
}

來源

2014-05-17 monsterboy

-1

而不是.remove()使用.display = "none"。用同樣的方法可以使用.display = "block"再次顯示。

但是，如果您使用jQuery，它具有預定義功能.hide()。此外，jQuery有.show()顯示和.toggle()切換，以防您需要它。

來源

2014-05-17 09:08:44 Budimir

在max-width下刪除ul li但保留子內容不變

回答

相關問題