Question

点击时，我想加粗表格的行。如何让脚本知道我点击了哪一行？我能想到的唯一方法是使用如下功能。

<script>
function bold(x){
    $("#"+x).click(function(e){ 
        $(this).css("font-weight","bold");
        e.stopPropagation(); 
       });
   }
</script>
<table>
<tr id = 1 onclick = bold(this.id)><td>A</td></tr>
<tr id = 2 onclick = bold(this.id)><td>B</td></tr>
<tr id = 3 onclick = bold(this.id)><td>C</td></tr>
<tr id = 4 onclick = bold(this.id)><td>D</td></tr>
<tr id = 5 onclick = bold(this.id)><td>E</td></tr>
<tr id = 6 onclick = bold(this.id)><td>F</td></tr>
</table>

有没有更好的方法可以不使用功能？

Answer 1

你可以试试这个

$('tr').click(function(e){ 
    $(this).css("font-weight","bold");
        e.stopPropagation(); 
 });

此外，您将自己的ID放在行情中。首先执行此操作

<tr id = "1" onclick = bold(this.id)><td>A</td></t R＆GT;

Check FIDDLE

根据HTML5标准，没有必要将其括在行情中..但我认为这样做很好。

Answer 2

你应该整理你的HTML ..

HTML

<table>
<tr><td>A</td></tr>
<tr><td>B</td></tr>
<tr><td>C</td></tr>
<tr><td>D</td></tr>
<tr><td>E</td></tr>
<tr><td>F</td></tr>
</table>

的javascript

$('tr').on('click',function(){
   $(this).css("font-weight","bold");
})

Answer 3

试试这个

请参阅live demo

$('table td').on('click', function(){
      $(this).css("font-weight","bold");
});

Answer 4

您可能需要阅读jQuery's on function的文档，它提供了一种更清晰的方法来将处理程序附加到元素。使用它，您可以删除onclick属性，并直接从javascript将行为附加到元素。以下是您的示例：

<script>
  $("tr").on("click", function(e){
    $(this).css("font-weight","bold");
  });
</script>
<table>
  <tr><td>A</td></tr>
  <tr><td>B</td></tr>
  <tr><td>C</td></tr>
  <tr><td>D</td></tr>
  <tr><td>E</td></tr>
  <tr><td>F</td></tr>
</table>

请注意，不需要任何ID或onclick处理程序。

Answer 5

$('tr').click(function(e){ 
    $("td", $(this)).css("font-weight","bold");
 });

使用Jquery的粗体表行

5 个答案: