Question

如何知道使用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查询。

但我如何获得身份证，

Answer 1

Build on things that work。从有效的链接开始。

<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;
}

ditch the onclick attribute too是个好主意。

Answer 2

尝试将此传递给处理程序

<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
}

Answer 3

您可以轻松地将id发送到名为onclick的函数中，类似于：

<label id="<?php echo 'labelofpagination'.$z; ?>" value="<?php echo $z; ?>" >
<a href=# onclick="paginationlabelclicked(<?php echo $z; ?>); "><?php echo $z; ?>
</a>
</label>

Answer 4

我假设，您要做的是从已点击的<a>链接中获取文本，以便您可以知道用户点击了哪个号码，您可以将其用于查询。这是一个jQuery版本：

HTML：

<label id="labelofpagination">
    <a href="#"> 1 </a>&nbsp; 
    <a href="#"> 2 </a>&nbsp; 
    <a href="#"> 3 </a>&nbsp;
    <a href="#"> 4 </a>&nbsp; 
    <a href="#"> 5 </a>&nbsp; 
</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/

Answer 5

<a href=# onclick="paginationlabelclicked(this.parentNode); ">

...

function paginationlabelclicked(el){
  alert(el.id);
  // your code
}

使用javascript获取元素ID

5 个答案: