- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
有一个表,由许多表行和列组成。
我会从每个带有类名的td中获取一个值:routecode并且我必须将该值添加到每个tr的最接近的href的末尾。我会将其添加到路由代码链接的值中。
我编写了以下代码,但它不起作用,并且该值未添加到链接末尾。
这是我的代码:
$(".list").each(function(index, element) {
var routecode = $(this).closest("tr").find(".routecode").text()
var linkk = $(this).attr("href")
$(this).attr("href", linkk + routecode);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<html>
<head>
</head>
<body>
<table border="1">
<tr class=" odd">
<td class="routecode">TK26</td>
<td>
<a class="list" href="/reservation/route/info.bc?dmnid=2893&routecode=">Edit </a>
</td>
</tr>
<tr class=" odd">
<td class="routecode">tkeee</td>
<td>
<a class="list" href="/reservation/route/info.bc?dmnid=2893&routecode=">Edit </a>
</td>
</tr>
</table>
</body>
</html>
最佳答案
您可以尝试以下代码:
您缺少分号 ;
行尾..
此处演示:https://output.jsbin.com/nolomec
https://jsbin.com/nolomec/2/edit?html
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".list").each(function(index, element) {
var routecode = $(this).closest("tr").find(".routecode").text();
var linkk = $(this).attr("href");
$(this).attr("href", linkk + routecode);
});
});
</script>
</head>
<body>
<table border="1">
<tr class="odd">
<td class="routecode">TK26</td>
<td>
<a class="list" href="/reservation/route/info.bc?dmnid=2893&routecode=">Edit </a>
</td>
</tr>
<tr class=" odd">
<td class="routecode">tkeee</td>
<td>
<a class="list" href="/reservation/route/info.bc?dmnid=2893&routecode=">Edit </a>
</td>
</tr>
</table>
</body>
</html>
关于javascript - 从元素获取值并添加到每个 href 的末尾,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45453627/
这个问题在这里已经有了答案: final keyword in method parameters [duplicate] (9 个回答) 关闭 8 年前。 在此示例中,声明 Object fina
我的目标:是通过我的函数更新字段获取选定值并使用函数输出值运行它。 问题:当我从列表中选择值时,它不会触发函数,也不会更新字段。 感谢您的帮助。 HTML 12 14 16 18 20 22 24
我有一本具有这种形式的字典: myDict = {'foo': bar, 'foobar baz': qux} 现在,我想拆分字典键中的空格,使其成为下一个键并获取值(重复)。 myDictRev1
vector a; vector b; int temp_holder; cout > temp_holder) a.push_back(temp_holder); cout > temp_h
Java 的开发过程中免不了与 Date 类型纠缠,准备总结一下项目经常使用的日期相关操作,JDK 版本 1.7,如果能够帮助大家节约那么几分钟起身活动一下,去泡杯咖啡,便是极好的,嘿嘿。当然,我
我正在使用 jquery ui 日期选择器来获取 fromDate 和 toDate 以下是from日期的代码 $("#from_date").datepicker({
我是一名优秀的程序员,十分优秀!