1
所以我想有這樣的：創建表的<tr>元素假冒選擇效果
但不是一個select元素，我需要它是包含表中的div元素每行有兩個表格單元格。所以整個tr>應該以類似的方式點亮。
如何做一個這樣的事情在CSS？
A
回答
1
2
你應該改變tr類，這樣做會容易得多。
CSS
.selected td {
background-color: red;
color: white;
}
JS
$('#id-of-your-table tr td').click(function(){
$('#id-of-your-table tr').removeClass('selected');
$(this).parent().addClass('selected');
});
，這將是它。請記住，我已經從每個tr中刪除了每個課程，因此只能選擇一個課程。如果你想要多行而不僅僅是刪除每一行調用removeClass的行，然後你可以使用jQuery選擇器訪問所有行。
$('#id-of-your-table tr.selected')
並且您將擁有所有選定的行。
在這裏它是JS選擇和取消選擇錶行和多選。
JS
$('#id-of-your-table tr td').click(function(){
if($(this).parent().hasClass('selected'))
$(this).parent().removeClass('selected');
else
$(this).parent().addClass('selected');
});
相關問題
- 1. 選擇動態創建的元素
- 2. 如何創建假擲效果？
- 3. 在其創建後選擇ListView元素
- 4. 從jQuery選擇器創建DOM元素
- 5. 與我創建XML元素：無=假
- 6. 從<input>元素中選擇<form>元素
- 7. 選擇$（this）元素的<tr>
- 8. 使用jQuery添加多個選擇元素創建選擇框
- 9. JSP：元素創建<img></img>元素
- 10. 創建選中元素列表
- 11. 如果顯示元素，找不到元素的選擇器無效
- 12. 如何給圖像元素的「選擇」外觀效果Raphael.js
- 13. 我有一個創建元素的選擇表單。我怎麼能做到這些元素只創建一次？
- 14. 看不到或選擇動態創建的選項元素
- 15. 我可以假冒HttpContent.ReadAsAsync <T>？
- 16. 在jQuery中選擇一個ID屬性冒號的元素
- 17. 使用普通JavaScript選擇帶冒號的XML元素
- 18. 通過帶有「：」（冒號）的屬性來選擇元素
- 19. 帶通配符選擇器/事件冒泡的嵌套元素
- 20. 選擇從<select> html元素
- 21. CSS id選擇器<a>元素
- 22. jquery：選擇<caption>元素
- 23. 選擇列表元素
- 24. 淡入淡出效果爲新創建的元素
- 25. 創建使用<all>和<any>元素打開的有效XSD
- 26. 高效渲染大量「選擇」元素
- 27. 選擇上一個元素，並使用css效果
- 28. css3選擇器問題：懸停效果另一個元素
- 29. jQuery表格元素的滑動效果
- 30. 創建排除過濾器而不選擇視圖的效果
多遠，你試過......代碼請帖子.. –
這可能是你需要對JavaScript的東西，添加標籤 – Undefined
是否有一個原因，你不能使用''