use*_*913 3 html javascript jquery
我有以下html我需要遍历每个锚标记并检查锚标记值是否为APL
$('a').text()="APL"
Run Code Online (Sandbox Code Playgroud)
如果value等于APL,我需要删除Status列上的超链接.
我可以循环遍历所有锚标记并删除超链接标记
<table>
<tbody>
<tr>
<th scope="col">Id</th>
<th scope="col">Class</th>
<th scope="col">Status</th>
</tr>
<tr>
<td>185</td>
<td>1</td>
<td>
<DETAIL</td>
<td><a href="Detail.aspx?id=185" target="_blank">APL</a>
</td>
</tr>
<tr>
<td>186</td>
<td>2</td>
<td>
<DETAIL</td>
<td><a href="Detail.aspx?id=185" target="_blank">DDL</a>
</td>
</tr>
</tbody>
</table>Run Code Online (Sandbox Code Playgroud)
你需要使用
1)过滤函数以获得具有文本作为APL的锚元素.
2)并.removeAttr()删除属性href
$(function(){
$('a').filter(function(){
return $(this).text().trim() === "APL" ;
}).removeAttr("href");
})Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<table>
<tbody>
<tr>
<th scope="col">Id</th>
<th scope="col">Class</th>
<th scope="col">Status</th>
</tr>
<tr>
<td>185</td>
<td>1</td>
<td>
<DETAIL</td>
<td><a href="Detail.aspx?id=185" target="_blank">APL</a>
</td>
</tr>
<tr>
<td>186</td>
<td>2</td>
<td>
<DETAIL</td>
<td><a href="Detail.aspx?id=185" target="_blank">DDL</a>
</td>
</tr>
</tbody>
</table>Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
36 次 |
| 最近记录: |