получить идентификатор элемента с помощью JavaScript - PullRequest
Новая
       5

получить идентификатор элемента с помощью JavaScript

0 голосов
/ 25 июля 2011

Как узнать, какой элемент HTML был выбран с помощью javascript, и получить его идентификатор?

Я отобразил 3 метки динамически, используя PHP для разбивки на страницы.* Теперь я хочу, чтобы при нажатии 1 отображались 1-10 записей, если 2, затем 11-20 и т. Д. Для этого я бы соответственно выполнил запрос MySQL.

Но как мне получитьID,

Ответы [ 5 ]

5 голосов
/ 25 июля 2011

Построить на вещах, которые работают .Начните с рабочей ссылки . 

<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 тоже .

2 голосов
/ 25 июля 2011

попробуйте передать это обработчику 

<a href=# onclick="paginationlabelclicked(this); "><?php echo $z; ?>
    </a>

и затем вы можете получить доступ к идентификатору с помощью 

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

UPDATE

Для того, чтобы это работало, вы должны назначить идентификатор для привязки 

<a id="page<?php echo $z; ?>" href=# onclick="paginationlabelclicked(this); "><?php echo $z; ?>
    </a>

и затем вы можете получить доступ к идентификатору, используя 

function paginationlabelclicked(el){
  alert(el.id.replace('page', ''));
  // your code
}
0 голосов
/ 25 июля 2011 
<a href=# onclick="paginationlabelclicked(this.parentNode); ">

... 

function paginationlabelclicked(el){
  alert(el.id);
  // your code
}
0 голосов
/ 25 июля 2011

Я предполагаю, что вы хотите сделать, чтобы получить текст из ссылки <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/

0 голосов
/ 25 июля 2011

Вы можете легко отправить идентификатор в функцию onclick, что-то вроде этого: 

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