Javascript 获取锚定标记的动态值

注意：我已经发布了以下问题（）的答案，但是有一个小故障。所以再次发布它。这不是任何现有线程的副本

我想使用Tornado、html和javascript实现以下功能-

单击一个链接（锚定标记），{它有一个动态生成的值-{d[0]}，来自MySQL数据库（id）。}，我应该能够获取id值（比如100），并将其发送给tornado控制器，并使用逻辑提取与该id相关的所有细节

id------注

100------注100

101-----关于101的注释

第1步-

a href=“TornadHandlerPath”

将作为默认的Get方法发送，但我希望使用Post方法发送

所以我遵循了这个链接-

将方法帖子包含到表单中。所以我的新锚标签看起来像这样

  a href="javascript: submitForm()" id="id" name="id">
                                   {{d[0]}}  </a>

在Tornado Handler中，我用self.get_参数（“cid”）捕捉到了它，并继续进行逻辑实现

此方法中存在一个小故障。即使我点击不同的id，比如103，它仍然只显示id 100的详细信息！！这是因为我根据id提取数据。所有行都有相同的id

我试着用

var id = $(this).closest('td').html(), but it dint work.

全部代码都在这里-

$('.alink').on('click', function() {

var id = $(this).closest('td').html();

var hidden = document.getElementById("cid");
hidden.value = id;
var form = document.getElementById("form"); 
form.submit();
});

HTML

---

我被困在这里很长时间了。请帮帮我

您可以使用数据属性来移动数据。不需要隐藏字段，只需将其直接放在锚定标记上即可

函数submitForm（thelink）{alert（thelink.getAttribute（'data-info'））；
}

您所说的“所有行都有相同的id”是什么意思？例如，id为103和104的行都有相同的id=“id”。所以当我调用'var id=$（“#id”）.html（）；'时，我认为它会选择第一行并显示第一个id，即100，并显示该id的详细信息。“id”在文档中应该是唯一的，请对多个要连接的对象使用类名。我不知道数据信息的值是什么。（这里你提到了“hello from data attribute 1”，但在我的例子中我不知道，因为它是动态生成的）。当我现在运行代码时，它可能是ids 100103104。十分钟后，它可以是100120125等。当我点击120时，它应该显示关于id 120的所有详细信息。我知道如何显示关于120的详细信息，但我不能说120正在被点击。@新手，这与你的

之间的内容相同。因此，在您的情况下，它是

data info=“{{d[0]}}”

，但是如果您不想使用数据属性，您可以将

.getAttribute（'data-info'）

更改为

（textContent | | innerText）

@Billy，@Deryck-非常感谢！！该id将显示在alertbox中。但是，单击ok，它不会将我带到下一个包含详细信息的页面，而是将我从应用程序中注销。下一个障碍！！我会努力的。。

var id = $(this).closest('td').html(), but it dint work.

$('.alink').on('click', function() {

var id = $(this).closest('td').html();

var hidden = document.getElementById("cid");
hidden.value = id;
var form = document.getElementById("form"); 
form.submit();
});

<td>
<form name="form" id="ft" action="/TornadoHandler" method="Post">
<input type="hidden" name="cid" id="cid">                                         
<a href="javascript: submitForm()" class="alink" id="id" name="id"> {{d[0]}} </a>
</form>
</td>