<div class="views" style="position: relative; width: 421px; height: 15px; overflow: hidden;">
TEST TEXT
</div>
Làm thế nào để loại bỏ thuộc tính chiều rộng thuộc thuộc tính kiểu bằng cách sử dụng jQuery?Làm thế nào để loại bỏ thuộc tính chiều rộng mà là theo thuộc tính phong cách sử dụng jQuery?
Tôi biết removeAttr ("chiều rộng");
Nhưng nó sẽ không làm việc ở đây vì chiều rộng là con của thuộc tính style
Bạn có thể sử dụng:
.css('width', 'auto')
Dễ dàng như
$('div.views').css('width', '');
Không sử dụng inline phong cách. Sử dụng các lớp học.
$(".views").removeClass("a");
$(".views").addClass("b");
Nhưng nếu bạn thực sự muốn, bạn có thể làm như sau:
$(".views").css("width", "");
Tôi không sử dụng nội tuyến, nhưng tôi vẫn muốn xóa chiều rộng nội tuyến đã được thêm trước đó qua js. –
Nếu chiều rộng đang được đo ví dụ cho một bảng đáp ứng, nơi các cột cần phải được đo sau đó bạn không thể sử dụng các lớp học. –
Tôi nghĩ rằng bạn phải cố gắng này:
$(".views").removeAttr('style').attr('style','position: relative; height: 15px; overflow: hidden;');
Offcourse cách tốt nhất là sử dụng Classes hơn Inline Styles.You có thể định nghĩa 2 lớp với thuộc tính khác nhau và thêm hoặc loại bỏ chúng khi cần thiết. –
Nếu chiều rộng được đo dựa trên chiều rộng của thứ gì đó khác thì bạn không thể sử dụng một lớp. Ngoài ra, việc loại bỏ thuộc tính kiểu có thể xóa các kiểu nội tuyến khác mà bạn đã đặt, ví dụ bằng cách sử dụng .hide() hoặc .show() –
này cũng đã làm việc ở đây:
$(".views").width("");
Bạn có thể làm điều đó với chỉ CSS:
div[style="position: absolute; top: -136px; overflow: auto; width:1241px;"] {
width: 0px !important;
display: none !important;
}
Một phiên bản hơi-ngắn hơn the accepted answer:
.width('auto')
Tôi thường làm $ nút [0] .style.width = '' cho các phần tử đơn lẻ. Hầu hết thời gian tôi cần đặt lại chiều rộng hoặc chiều cao cho mục đích hoạt ảnh trên một phần tử –