使用JQuery在div的底部添加一個三角形

Question

我有一個長div，我希望通過在底部附加一個三角形來設置樣式。我怎樣才能使用JQuery和CSS來做到這一點？

$(".mini-filter-xs").prepend("<div class='filter-flag' style='width=100%; background-color:#37BDD1'>Hello There! <diV>"); 

Answer 1

嘗試這種情況：CSS Tricks - CSS Triangle

CSS三角形（向上箭頭）：

.arrow-up { 
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent; 
    border-right: 5px solid transparent; 
    border-bottom: 5px solid black; 
} 

的jQuery：

var divTriangle = $("<div/>").addClass("arrow-up"); 
// Append divTriangle to your bottom element 
$("#yourBottomElement").append(divTriangle);