Question

<a>标签放在桌子上。

- HTML -

<tbody id="TableBody">
<tr>
    <td class="span2"><span class="line"></span><b><a href="home/nextpage">1207012097</a></b></td>
</tr>
<tr>
    <td class="span2"><span class="line"></span><b><a href="home/nextpage">1207011881</a></b></td>
</tr>   
<tr>
    <td class="span2"><span class="line"></span><b><a href="home/nextpage">1207011857</a></b></td>
</tr>
</tbody>

我想要做的是查看点击的文本值＆lt; a＆gt;标记（例如：1207012097）到href目标页面，即“home / nextpage”。你能告诉我如何使用JavaScript吗？ TIA

Answer 1

您可以捕获链接上的点击并向链接添加查询字符串参数：

$('#TableBody a').click(function(e){
  e.preventDefault();
  window.location.href = $(this).attr('href') + '?code=' + escapeURIComponent($(this).text());
});

在下一页中，您可以从查询字符串中获取值：

function querystring(key) {
  var re=new RegExp('(?:\\?|&)'+key+'=(.*?)(?=&|$)','gi');
  var r=[], m;
  while ((m=re.exec(document.location.search)) != null) r.push(m[1]);
  return r;
}

var code = querystring['code'][0];

Answer 2

如果您不想通过url参数传递值，您可能需要考虑在单击某个<a>

时通过实例化表单来传递它

首先，我们可以更改<a>

的结构

<a href="home/nextpage">1207012097</a>

到

<a class='clickable_post' href="#">1207012097</a>

嵌入JQuery Lib

<script type='text/javascript' src='jquery-1.10.2.js'></script>

然后脚本将是

$(function(){

    $('.clickable_post').click(function(){
        var POST_VALUE = $(this).text();

      $('<form action="home/nextpage" method="POST">' + 
        '<input type="hidden" name="value" value="' + POST_VALUE + '">' +
        '</form>').submit();

    });

});

那么字面意思是什么

在遇到带有“.clikable_post”的类名时触发点击事件
将<a>的textValue存储到变量
使用所选输入值在脚本中创建表单，然后再提交给您预先设置href，但现在设置为$_POST操作
最后，结果会显示在脚本表单页面操作上，并且可以通过$_POST

喝彩！的 LYKAPIGS

Javascript：如何获取<a> tag i clicked from other previous page</a>的值

2 个答案: