Предполагается, чтобы получить ребенка, но каким-то образом получает идентификатор родителя

Question

Предполагается, чтобы получить ребенка, но каким-то образом получает идентификатор родителя

Добрый день. У меня есть код. Насколько я понимаю, clicked2 должен получить идентификатор "Третий", так как он ищет детей. Но так или иначе, он всегда получает идентификатор "Первый". Как мне получить "Третий"?

<!DOCTYPE html>
<html>
<body>

    <div class="menu" id="First">
       <button id="Second">eee</button>
       <button id="Third">yyy</button>
    </div>
    <div class="holder"></div>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">

          $(document).on('click', '.menu', function(e) {
               var clicked = e.target.id || this.id;
               var clicked2 = e.target.children.id || this.id;
               var y = clicked2.replace(/\D/g, '');
               var x = clicked.replace(/\D/g, '');
               var w = 0;

               $('.holder') .append('<BR>'+clicked+'<BR>'+clicked2);

               });

   </script>

</body>
</html>

2

javascript html jquery children

Источник

user5285641 14 сен '15 в 06:17

2 ответа

Решение

children() возвращает все дочерние элементы, поэтому вам нужно указать правильный:

var clicked2 = $(this).children().next().attr("id");

0

Источник

user2477307 14 сен '15 в 06:31

Другие вопросы по тегам javascript html jquery children

user3243201 14 сен '15 в 06:27 2015-09-14 06:27 · Accepted Answer · 2015-09-14 06:27

Добавь это var clicked2 = $(this).children("button").next().attr("id") Он вернет идентификатор второй кнопки.

Попробуй это

$(document).on('click', '.menu', function(e) {
var clicked = e.target.id || this.id;
var clicked2 = $(this).children("button").next().attr("id") || this.id;


var y = clicked2.replace(/\D/g, '');
var x = clicked.replace(/\D/g, '');
var w = 0;

$('.holder') .append('<BR>'+clicked+'<BR>'+clicked2);

   });

Демо Здесь