Użyj jQuery, aby usunąć wbudowany styl

Question

<div class="mydiv"> 
    <ul style="height:111px; width:222px;"> 
    ... 

Czy to możliwe, aby jQuery (lub zwykły javascript) usunął tylko atrybut wysokości? Zauważ, że istnieje kilka instancji .mydiv ul o różnych wysokościach.

Answer 1

Aby usunąć atrybut, użyj tego:

$(".mydiv UL").css("height", ""); 

Dzięki am not i am do korygowania moją odpowiedź.

Answer 2

Tak to jest .. dpeneding w jaki sposób chcesz to zrobić

<script type="text/javascript"> 
    function changestyle(element) { 
     var currentstyle = document.getElementById(element).style.display; 
     if (currentstyle == "inline") { 
      document.getElementById(element).style.display = ""; 
      } else { 
      document.getElementById(element).style.display = "inline"; 
     } 
    } 
</script> 

ta może się nieznacznie różnić w zależności od broswers ale powinien pokazać, jak go zmienić, jeśli chcesz.

eek .. lekceważenie .. jQuery - wiele łatwiej :)

Answer 3

dodać atrybut stylu CSS, a następnie można dodać lub usunąć klasę z tych funkcji jQuery: addClass i removeClass

Answer 4

Tak! Możesz!

Ustawienie właściwości css na pustą wartość powoduje jej wyczyszczenie.

Więc jeśli Twój styl inline jest „background: pink” można usunąć go za pomocą:

$element.css('background','') 

jestem całkiem pewny, że dowiedział się, że gdzieś tutaj na SE, ale, niestety, nie mam konkretne źródło do strony, więc przeprasza za to, że nie jest w stanie udzielić kredytu tam, gdzie należny jest kredyt.

UPDATE:

Cóż, przypuszczam, że powinienem pójść do źródła. Z dokumentacji jQuery (wyróżnienie moje):

Ustawienie wartości właściwości stylu na pusty ciąg znaków - np. $ ('# mydiv'). css ('color', '') - usuwa tę właściwość z elementu, jeśli został już zastosowany bezpośrednio, , czy w atrybucie stylu HTML, przez metodę .css() jQuery, lub poprzez bezpośrednią manipulację DOM właściwości stylu. Nie usuwa jednak stylu, który został zastosowany z regułą CSS w arkuszu stylów lub elemencie.

http://api.jquery.com/css/

Answer 5

$('.mydiv ul').each(function(){ 
    $(this).attr('style', $(this).attr('style').replace('height: ', 'height:').replace('height:'+$(this).css('height')+';', '')); 
}); 

tylko upewnić się, format wartości styl albo "height:111px;" lub "height: 111px;"

Answer 6

spróbować tego:

$('.mydiv ul').height('');