Tôi cần phải tìm một phần tử dựa trên thuộc tính css
cụ thể. css
được áp dụng nội tuyến và tôi không thể sử dụng lớp học. Có cách nào để đạt được điều này trong jQuery
?jQuery tìm theo thuộc tính css nội tuyến
Trả lời
Bạn có thể sử dụng một attribute selector
Ví dụ
$(":radio [style*='regular']")
sẽ trả về một tập bọc của bất kỳ radio đầu vào chứa 'regular'
trong thuộc tính phong cách
var ccsStyle="font-weight:bold";
var els = [];
$("*").each(function(){
var st = $(this).attr("style");
if(st.indexOf(cssStyle) > -1) els.push(this);
});
//do stuff with els
Bạn có thể sử dụng lá cờ thuộc tính và sử dụng chứa nếu bạn biết định dạng cụ thể mà nó ở.
$("[style*='position']")
này sẽ tìm thấy tất cả các yếu tố để xác định thuộc tính vị trí css.
Tôi nghĩ bạn có thể viết bộ chọn tùy chỉnh jQuery
để thực hiện việc này.
Ví dụ, nếu bạn muốn làm chọn bởi thuộc tính phong cách nhất định, bạn có thể làm:
jQuery.extend(jQuery.expr[':'], {
styleEquals: function(a, i, m){
var styles = $(a).attr("style").split(" ")
var found = false;
for (var i = 0; i < styles.length; i++) {
if (styles[i]===m[3]) {
found = true;
break;
}
}
return found;
}
});
Sau đó, nó có thể được sử dụng trong conjuction với bất kỳ chọn khác mà bạn có thể chọn tất cả các yếu tố đầu vào với phong cách nhất định như này:
$('input:styleEquals('width=10px')')
chức năng này đã được bao gồm trong ngôn ngữ jQuery. tất cả những gì bạn cần là $ ('selector [cssAttribute = value]') –
jquery inbuilt selector chỉ hoạt động nếu nó khớp chính xác, vì vậy nó sẽ chỉ khớp nếu style = "absolute;" không nếu style = "absolute; left". Vì vậy, giải pháp tôi đăng là để tìm tất cả các yếu tố có giá trị tuyệt đối không chỉ đối sánh chính xác – Surya
@ Surya: vâng, tôi đã có một trường hợp xấu của viêm não trực tràng não. Không biết tôi đang nghĩ gì. –
Tôi nghĩ đây là giải pháp sạch nhất. Giả sử bạn muốn tìm tất cả các yếu tố mà z-index có giá trị cụ thể:
$('*').filter(function() { return $(this).css('z-index') == 101 })
Bạn có thể tìm kiếm bất kỳ thuộc tính inline với .attr()
.. .attr('attr_name')
css_inline_value = $(element).attr('style');
if (css_inline_value = search_value) {
// do stuff
}
Vâng, tôi nghĩ cách nhanh nhất và dễ nhất để đạt được kết quả mong muốn là nhắm mục tiêu các kiểu với bộ chọn lớp thuộc tính.
Giống như đã nói trước đây:
$('div.yourClass[style*="background-color:Blue"]).css('color', 'White');
Bằng cách đó, chúng tôi nhắm mục tiêu tất cả các div với cùng một lớp có nền màu xanh và nói với họ tất cả để có văn bản màu trắng. Tất nhiên thay vì .css
chúng ta có thể sử dụng bất cứ điều gì ở đây, .animate
và nói với tất cả các blues được hoạt hình vv Điều này đã giúp tôi rất nhiều với DB quan hệ và những người thiết lập những điều kỳ lạ trong DB.
tôi đã sử dụng được ít generic, và chuỗi mục tiêu với: chứa ... nhưng sau đó ai đó đi vào căn cứ, và thay đổi văn bản và nhãn, và bye bye mã;)
Hy vọng nó giúp.
Có lỗi đánh máy trong mã bạn. '$ ('div.yourClass [style * =" background-color: Blue "]'). css ('màu', 'Trắng');' –
- 1. tìm phần tử theo thuộc tính css
- 2. Có thuộc tính nội tuyến C# không?
- 3. jquery v1.3.2 tìm phần tử theo thuộc tính
- 4. jQuery thay đổi css thuộc tính chậm
- 5. remove css: Hover thuộc tính với jquery
- 6. Cách xóa thuộc tính css trong JQuery
- 7. Làm thế nào để kéo ra CSS thuộc tính từ phong cách nội tuyến với BeautifulSoup
- 8. Làm cách nào để đặt thuộc tính background-image thành gradient tuyến tính bằng phương pháp css của jQuery?
- 9. Thuộc tính nội dung CSS không hiển thị
- 10. Tìm XElement theo giá trị thuộc tính
- 11. Thuộc tính Opacity CSS
- 12. Bộ chọn khung nội tuyến khung nội tuyến jquery
- 13. jQuery kiểm tra xem phần tử có thuộc tính kiểu cụ thể được xác định nội tuyến
- 14. jQuery - Gọi hàm nội tuyến
- 15. Thuộc tính dữ liệu CSS thuộc tính dòng mới & giá trị nội dung phần tử giả
- 16. Tìm hiểu xem thuộc tính CSS nào đang được hoạt ảnh bởi jQuery
- 17. Cách viết: đã truy cập trong CSS nội tuyến?
- 18. Xóa thuộc tính CSS bằng cách sử dụng Jquery
- 19. Cách lấy giá trị của thuộc tính CSS bằng JQuery?
- 20. Tại sao Google sử dụng JavaScript và CSS nội tuyến?
- 21. khung nội tuyến Thay đổi nội dung CSS Style
- 22. CSS: Không thuộc tính
- 23. Độ dày văn bản được tính theo thuộc tính css "font-weight" như thế nào?
- 24. "Biên dịch" CSS thành HTML dưới dạng kiểu nội tuyến
- 25. thay đổi nguồn khung nội tuyến bằng jquery
- 26. chiều rộng kiểu css nội tuyến không thể ghi đè giá trị chiều rộng của kiểu css được tính toán
- 27. Bộ chọn thuộc tính CSS cho thuộc tính không trống
- 28. Dấu ba chấm CSS với các phần tử nội tuyến?
- 29. Truyền chức năng Javascript thông qua thuộc tính dữ liệu nội tuyến
- 30. Sử dụng jQuery để xóa kiểu nội tuyến
điều gì sẽ xảy ra nếu chúng ta phải lựa chọn dựa trên hai giá trị 'left: 180px' và' top: 360px'? –
bạn chỉ cần sử dụng nhiều bộ chọn thuộc tính, ví dụ: '$ (" [left = '180px'] [top = '360px'] ")' –