修改 asp.net 转发器中的嵌入超链接
Modifying embedded hyperlink in asp.net repeater
我正在使用 asp.net repeater
并通过数据 table 绑定来自 SQL 的数据。我想根据 DataRow
修改客户端的超链接。 table 中可以有其他几个超链接,但我必须单独处理第二列中的那个。最好的方法是什么?非常感谢任何代码示例。
<table border="0" cellpadding="2" cellspacing="0" width="100%" id="myTable">
<tr>
<td align="left">ID</td>
<td align="left">DESCRIPTION</td>
<td >STATUS</td>
</tr>
<tr>
<td>10</td>
<td>
<span style="color: Red; font-weight: bold">Server is Down</span>
Click <a href="/admin.aspx">here</a> to continue.
</td>
<td>No Response</td>
</tr>
</table>
您可以使用以下 jQuery 更改第 2 行第 2 列中的所有链接:
$(document).ready(function() {
$('#myTable tr:nth-child(2) td:nth-child(2) a').each(function() {
var someValue = '/2';
$(this).prop('href', someValue + $(this).prop('href'));
});
});
这里的问题是您从哪里得到 someValue
。您必须使用 <asp:Repeater>
以某种方式将其添加到输出中。
您可以将它作为数据属性放在 <td>
中,如下所示:
中继输出
...
<td data-id="2">
<span style="color: Red; font-weight: bold">Server is Down</span>
Click <a href="/admin.aspx">here</a> to continue.
</td>
...
JS
var someValue = '/' + $(this).parent().data('id');
我正在使用 asp.net repeater
并通过数据 table 绑定来自 SQL 的数据。我想根据 DataRow
修改客户端的超链接。 table 中可以有其他几个超链接,但我必须单独处理第二列中的那个。最好的方法是什么?非常感谢任何代码示例。
<table border="0" cellpadding="2" cellspacing="0" width="100%" id="myTable">
<tr>
<td align="left">ID</td>
<td align="left">DESCRIPTION</td>
<td >STATUS</td>
</tr>
<tr>
<td>10</td>
<td>
<span style="color: Red; font-weight: bold">Server is Down</span>
Click <a href="/admin.aspx">here</a> to continue.
</td>
<td>No Response</td>
</tr>
</table>
您可以使用以下 jQuery 更改第 2 行第 2 列中的所有链接:
$(document).ready(function() {
$('#myTable tr:nth-child(2) td:nth-child(2) a').each(function() {
var someValue = '/2';
$(this).prop('href', someValue + $(this).prop('href'));
});
});
这里的问题是您从哪里得到 someValue
。您必须使用 <asp:Repeater>
以某种方式将其添加到输出中。
您可以将它作为数据属性放在 <td>
中,如下所示:
中继输出
...
<td data-id="2">
<span style="color: Red; font-weight: bold">Server is Down</span>
Click <a href="/admin.aspx">here</a> to continue.
</td>
...
JS
var someValue = '/' + $(this).parent().data('id');