使用javascript获取元素id
get element id using javascript
如何知道使用javascript点击了哪个HTML元素并获取其ID?
我已经使用PHP动态显示了3个标签进行分页-第1、2、3页,
<label id="<?php echo 'labelofpagination'.$z; ?>" value="<?php echo $z; ?>" >
<a href=# onclick="paginationlabelclicked(); "><?php echo $z; ?>
</a>
</label>
现在我想,如果单击1,则显示1-10条记录,如果单击2,则显示11-20条记录,依此类推。为此,我将相应地运行MySQL查询。
但是我如何获得ID,
在工作的基础上构建。从工作链接开始。
<a href="myScript.php?page=$z"
onclick="return paginationlabelclicked(this);">
<?php echo $z; ?>
</a>
然后,脚本可以从href属性或内容中提取值。
function paginationlabelclicked(element) {
var page = element.firstChild.data;
// …
return false;
}
放弃onclick属性也是个好主意。
尝试将其传递给处理程序
<a href=# onclick="paginationlabelclicked(this); "><?php echo $z; ?>
</a>
然后你可以使用访问id
function paginationlabelclicked(el){
alert(el.id);
// your code
}
更新
为了工作,你必须将id分配给锚
<a id="page<?php echo $z; ?>" href=# onclick="paginationlabelclicked(this); "><?php echo $z; ?>
</a>
然后你可以使用访问id
function paginationlabelclicked(el){
alert(el.id.replace('page', ''));
// your code
}
您可以很容易地将id发送到名为onclick的函数中,类似于
<label id="<?php echo 'labelofpagination'.$z; ?>" value="<?php echo $z; ?>" >
<a href=# onclick="paginationlabelclicked(<?php echo $z; ?>); "><?php echo $z; ?>
</a>
</label>
我假设,您想要做的是从单击的<a>
链接中获取文本,这样您就可以知道用户单击的数字,并将其用于查询。这是一个jQuery版本:
HTML:
<label id="labelofpagination">
<a href="#"> 1 </a>
<a href="#"> 2 </a>
<a href="#"> 3 </a>
<a href="#"> 4 </a>
<a href="#"> 5 </a>
</label>
Javascript:
$("#labelofpagination a").click(function() {
// get text, trim string, convert to number
var num = parseInt($(this).text().replace(/^'s+|'s+$/g, ""), 10);
// go to that page here
});
还有一个jsFiddle演示:http://jsfiddle.net/jfriend00/wesWd/
<a href=# onclick="paginationlabelclicked(this.parentNode); ">
function paginationlabelclicked(el){
alert(el.id);
// your code
}
相关文章:
- Javascript:表单验证getElementById仅返回第一个id元素
- 如何为每个带有数字的id元素使用Javascript函数
- 使用regex选择ID元素
- Bootstrap Navbar在选择ID元素后未折叠
- JavaScript-更改一组包含特定文本和变量ID元素的链接
- 父页面中的 JQuery 未在部分视图中检测到 id 元素
- ID 元素在作为参数给出时返回
- 当 Javascript 中的 POST ID 元素插入 PDO 时,数据库中没有结果
- 为什么变量值不显示在 id 元素中
- 如何查找 id 元素的文本值
- 使用 ajax 将 id 元素传递给数据库
- 从另一个HTML文件中获取ID元素
- 正在克隆html标记id元素
- 如何在html中循环使用ID元素
- 获取动态生成的id元素的内部文本发送到谷歌分析
- 如何通过tagname检查ID元素
- jQuery滚动到底部的ID元素
- 检查Id元素javascript
- 在我显示一个id元素后,页面跳转到顶部
- 如何在HTML中突出显示当前的id元素