Question

我使用Richfaces和其中一个rich：dataTable生成这个html：

<form id="scheduleForm">
  <table id="scheduleForm:rowList">
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
  </table>
</form>

我想在此表的TR上单击。我怎样才能做到这一点？以下内容也适用于页面上的其他表，我也得到其他行的alert（），我不希望这样。

        jQuery('#scheduleForm:rowList tr').click(function(event) {
            alert(1);
        });

关于'：'char。它由Richfaces生成。

原始代码是：

<h:form id="scheduleForm">
<rich:dataTable id="rowList">
</rich:dataTable>
</h:form>

Answer 1

我知道:是由JSF / RichFaces生成的。我之前也遇到过:的问题。它可能不是jQuery人员在ID中所期望的。他们将它用于选择器。您可能想要做的是：

jQuery('table[id = "scheduleForm:rowList"] tr').click(...)

查看http://jee-bpel-soa.blogspot.com/2009/04/tips-and-tricks-on-jquery-and-richfaces.html

Answer 2

尝试以下方法，它会对你有帮助。

jQuery(document.getElementById('scheduleForm:rowList').getElementsByTagName('tr')).click(function(event) {
          alert(1);
        });

Answer 3

你可以执行以下操作，给tr一个id。

<form id="scheduleForm">
  <table id="scheduleForm:rowList">
    <tr id="tr1">
      <td></td>
    </tr>
  </table>
</form>

jQuery('#tr1').click(function(event) {
    alert(1);
});

Answer 4

尝试使用：

jQuery('#scheduleForm:rowList>tr').click(function(event) {
            alert(1);
        });

并且最好不要在id属性的值中使用章程“：”。我不确切地知道＆lt;但我认为这可能是许多问题的共鸣。

Answer 5

ID属性中有冒号:。冒号在jQuery选择器中有特殊含义，所以你需要像这样转义它：

jQuery('#scheduleForm\\:rowList tr').click(function(event) {
      alert(1);
});

Answer 6

：由JSF生成。您还可以在表单上设置prependId =“false”。然后使用：

jQuery('#rowList tr').click(function(event) { alert('hello'); });

并且仅选择该表。

Answer 7

jQuery("#rowList").on("click", "tr", function(event) { 
    alert($(this).id); 
});

jQuery - 向TR添加onclick

7 个答案: