Ok, así que tengo una lista de nombres de usuario de la base de datos mysql. Pero, necesito el ID de la base de datos así que yo estaba pensando en algo como esto,

<li id='43'>Monica</li>
<li id='47'>Henrik</li>
<li id='77'>Eric</li>

Pero ¿cómo puedo obtener el ID de la lista?

InformationsquelleAutor Henrikz | 2011-03-07

7 Comentarios

  1. 7

    Me gustaría usar algo como la siguiente:

    <ul id="items-list">
        <li id='member-43'>Monica</li>
        <li id='member-47'>Henrik</li>
        <li id='member-77'>Eric</li>
    </ul>

    a continuación:

    $('#items-list li').each(function() {
        var id = $(this).attr('id').split('-')[1];
    });

    Se señaló en los comentarios que como de HTML5 es perfectamente válido para iniciar un id atributo con un número, pero yo todavía iba a dar preferencia a este método, especialmente si hay que ser de varias listas en una página de base de datos diferentes tablas (ids todavía tiene que ser único). Un id de 43 no tiene sentido para nadie, pero member-43 es mucho más clara.

  2. 1

    Tienen un nivel normal de javascript en el evento click para el elemento de la lista como se muestra a continuación:

    <html>
      <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
        <script type="text/javascript">
          linkClicked = function (index) {
            alert($('#myList li').get(index).id);
          }
        </script>
      </head>
      <body>
        <ul id='myList'>
          <li id='43' onclick="linkClicked($(this).index())">Monica</li>
          <li id='47' onclick="linkClicked($(this).index())">Henrik</li>
          <li id='77' onclick="linkClicked($(this).index())">Eric</li>
        </ul>
      </body>
    </html>

    Esto funcionó para mí!

  3. 0

    Intentar

    $("li").eq(0).attr("id")

    Sustituto 0 por el índice del elemento de la lista el elemento que desea leer el id de.

  4. 0

    Hacer que realmente quieres hacer algo con ese id? Hay muy pocos datos que usted nos dio.
    Si desea administrar los usuarios que necesitaría algo como esto:

    <ul id="deleteUsers">
      <li id='user43'><a href="deleteuser.php?id=43">Monica</a></li>
      <li id='user47'><a href="deleteuser.php?id=47">Henrik</a></li>
      <li id='user77'><a href="deleteuser.php?id=77">Eric</a></li>
    </ul>

    Y que en jQuery reemplazar evento click. roryf le dio buen ejemplo.

  5. 0

    Podría agregar una clase con el mismo nombre a todos los elementos de la lista

    <li class="test" id='43'>Monica</li>
    <li class="test" id='47'>Henrik</li>
    <li class="test" id='77'>Eric</li>

    Entonces usted podría usar un

    $(".test").click(function(){
    $(this).attr("id");
    });
  6. 0

    Puede Utilizar HTML5 Atributo de Datos con el fin de mantener los Datos de IDENTIFICADOR . La celebración de los datos de IDENTIFICACIÓN puede dar problema si usted requiere para definir el id de forma estática en algún lugar así que no es una solución óptima puede comprobar el código de abajo –

    <li  data-empid="A123" data-salary="120" class="datalist">Monica</li>
    <li data-empid="A124" data-salary="121" class="datalist">Monica</li>

    Acceder a los Datos de Atributo de Datos en Jquery

    <script type="text/javascript">
     $( "li .datalist" ).click(function() {    
           $(this).data("salary")
        });
    </script>

Dejar respuesta

Please enter your comment!
Please enter your name here