2012-06-25 2 views
2

Мой вопрос может быть немного неясно, поэтому я приведу примерКак получить элемент после текущего селектора

<table id="products"> 
     <tr id="P1" class="A1"><td>1x</td><td>Product 1</td><td>&euro; 9,50</td><td><a href="#">(x)</a></td></tr> 
     <tr id="P2" class="A1"><td>1x</td><td>Product 2</td><td>&euro; 10,50</td><td><a href="#">(x)</a></td></tr> 
    </table> 

Что я хочу сделать это следующая функция для работы

$('#bestelling tr').each(function(index) { 
     var naam = $(this + " td + td").text(); 
     var id = $(this).attr('id'); 
     alert(id + " " + naam); 
    }); 

ли кто-нибудь знает, как я могу это сделать? Извините за мое краткое объяснение проблемы, мой английский не так уж хорош.

ответ

1
$('#bestelling tr td:eq(1)').each(function(index) { 
    var naam = $(this).text(); 
    var id = this.id; 
    alert(id + " " + naam); 

    // The tr is: 
    $(this).parent() 
    // Or the DOM element: 
    this.parentNode 
}); 
+0

Спасибо за вашу быструю реакцию, есть способ сделать это с «этим» ключевым словом в дальнейшем я не буду использовать каждый, но буду обрабатывать этот Clicked TR – user1169526

+0

снова! ': eq (1)' ++ 1. –

+0

@ пользователь1169526. Tr просто: '$ (this) .parent()' – gdoron

0
here you go mate. Run the code below: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
     "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
    <title>How to get element after current selector</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('table tr').click(function (e) { 
       var naam = ""; 
       $(this).children().each(function() { 
        naam += $(this).html() + ' '; 
       }); 

       alert(naam); 
      }); 

     }); 
    </script> 

</head> 
<body> 
<table id="products"> 
    <tr id="P1" class="A1"> 
     <td>1x</td> 
     <td>Product 1</td> 
     <td>&euro; 9,50</td> 
     <td><a href="#">(x)</a></td> 
    </tr> 
    <tr id="P2" class="A1"> 
     <td>1x</td> 
     <td>Product 2</td> 
     <td>&euro; 10,50</td> 
     <td><a href="#">(x)</a></td> 
    </tr> 
</table> 

</body> 
</html> 
+0

Я не вижу, как это отвечает на вопрос. Вообще! – gdoron

+0

@gdoron, если вы можете прочитать и понять код, который вам известен, его простота. – haroonxml

+0

OK Я не буду спорить, если вы думаете, что он отвечает на вопрос, пусть будет так. – gdoron

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