我試圖選擇包含最多字符的H2,或者寬度最寬的那一個,無論哪一個更簡單,或者如果您知道如何要做到這一點你可以把兩個?我不確定語法。jquery:獲取包含最多字符的H2的寬度/最長
0
A
回答
1
要獲得像素寬,你可以只循環,雖然那種濫用.width()
功能,例如:
var cw = 0, widest;
$("h2").width(function(i, w) { if(w > cw) {widest = this; cw = w;} return w; });
//widest == widest h2 element
//$(widest).addClass("widest");
You can test it out here。在這個函數w
裏面是當前寬度,所以我們只是看到它是否比我們當前最寬的寬度寬,如果是這樣,將當前寬度設置爲新的寬度,並將當前寬度設置爲當前寬度<h2>
, 。
可以使用.text()
做字符數類似的東西:
var cw = 0, widest;
$("h2").text(function(i, t) { if(t.length > cw) {widest = this; cw = t.length;} return t; });
$(widest).addClass("widest");
0
他們都很相似,你必須遍歷每一個,並檢查每個長度或寬度。像
var maxWidth = 0;
function getLongest(){
var elementWidth,
domNode;
$("h2").each(function(i, element){
elementWidth = $(element).width();
if (elementWidth > maxWidth){
domNode = element;
maxWidth = elementWidth;
}
}
return domNode;
}
東西可以替代$(element).width()
爲$(element).text().length
和重命名適當瓦爾。
請注意,如果2個元素具有完全相同的寬度,則只會選擇第一個元素。
0
$(document).ready(function() {
var longestH2 = null;
$("h2").each(function(k, v) {
if ($(v).width() > $(longestH2).width() || longestH2 == null) longestH2 = v;
});
$(longestH2).css("border", "3px solid red");
});
相關問題
- 1. 測量包含的字符串的長度寬字符
- 2. 從包含多行的字符串獲取最後一行
- 3. 獲取數組中最長字符串的長度
- 4. Ruby:獲取最長字符串的長度
- 5. ArrayList:獲取最長字符串的長度,獲取字符串的平均長度
- 6. 獲取最長的字 - JS
- 7. 查找最長字符串的長度
- 8. 查找最小長度子字符串包含所有的字符串
- 9. 如何將列的寬度調整爲CListCtrl中最長字符串的寬度?
- 10. UUID最大字符長度
- 11. 獲取DataTable列字符表示的最大長度
- 12. 包含\ 0的字符串長度
- 13. 獲取UIFont的最大寬度
- 14. 獲取uinavigationItem.titleView的最大寬度?
- 15. 最小寬度,最大寬度的CSS使用最小寬度
- 16. 如何獲得列(Excel)中最長字符串的長度?
- 17. 查找包含其自身長度的字符串的長度?
- 18. 字符數組的最大長度
- 19. 字符串的最大長度[]
- 20. 限制字符串的最大長度
- 21. 帶最大字符長度的silverstripe HtmlEditorField?
- 22. 按包含字符串的最長元素過濾列表
- 23. 最小長度和最大長度的jQuery條件驗證
- 24. 獲取多行UILabel的最後一行的寬度
- 25. 獲取字體的字符寬度
- 26. 包含包含空終止符字節的字符串的C++返回長度
- 27. 如何獲取包含標點符號(')的長度?
- 28. MYSQL:只提取最小字符長度的字
- 29. 字節[]的最大長度?
- 30. 基於最長寬度的UITableViewCell調整UITableView的寬度