номер не увеличивается

У меня есть проблема, например this. Первое число строк увеличивается после нажатия, но второе число строк не увеличивается после нажатия. Я хочу, чтобы все число увеличилось после нажатия. Я думаю, что код jquery неверен, пожалуйста, помогите мне исправить мой код jquery.номер не увеличивается

мой код:

<?php 
    include("mwcon.php"); 
?> 
<html> 
<head> 
    <link rel='stylesheet' type='text/css' href='/css/post.css'> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
    <script> 
     $(document).ready(function(){ 
      $("#post-vote-top").click(function() { 
       $("#post-vote-middle").text(function(){ 
        return ~~$(this).text() + 1 
       }); 
      });    
     }); 
    </script> 
</head> 
<body> 
<?php 
    echo " 
     <div id='post'> 
      <table> 
    "; 
    $no=1; 
    $q=mysql_query("SELECT * FROM t_post"); 
    while($f=mysql_fetch_object($q)){ 
     echo " 
      <tr> 
       <td id='post-nomor'>$no.</td> 
       <td id='post-vote' align='center'> 
        <div id='main'> 
         <div id='post-vote-top'></div> 
         <div id='post-vote-middle'>$f->vote</div> 
         <div id='post-vote-bottom'></div> 
        </div> 
       </td> 
       <td><a href='$url' target='_blank'><img src='$f->linkimg' width='80' height='50'></img></a></td> 
      </tr> 
     "; 
     $no++; 
    } 
    echo " 
      </table> 
     </div> 
    "; 
?> 
</body> 
</html>

Пожалуйста, помогите мне. Спасибо.

источник

2015-09-14 Juna serbaserbi

id должно быть уникальным использованием class. Вы можете использовать next(), чтобы выбрать элемент сразу после того, как щелкнул элемент

$(document).ready(function() { 
 
    $(".post-vote-top").click(function() { 
 
    $(this).next(".post-vote-middle").text(function(i, v) { 
 
     return parseInt(v, 10)+1; 
 
    }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td id='post-nomor'>$no.</td> 
 
    <td id='post-vote' align='center'> 
 
     <div class='main'> 
 
     <div class='post-vote-top'>up</div> 
 
     <div class='post-vote-middle'>1</div> 
 
     <div class='post-vote-bottom'></div> 
 
     </div> 
 
    </td> 
 
    <td></td> 
 
    </tr> 
 
    <tr> 
 
    <td id='post-nomor'>$no.</td> 
 
    <td id='post-vote' align='center'> 
 
     <div class='main'> 
 
     <div class='post-vote-top'>up</div> 
 
     <div class='post-vote-middle'>1</div> 
 
     <div class='post-vote-bottom'></div> 
 
     </div> 
 
    </td> 
 
    <td></td> 
 
    </tr> 
 
</table>

источник

2015-09-14 07:56:45

ожидания, я постараюсь –

Великого. Теперь это работает, ты такой умный @pranav. Большое спасибо. –

@serbaserbi рад помочь –

номер не увеличивается

ответ

Смежные вопросы