Получить значение элемента такого же уровня?

У меня есть код:Получить значение элемента такого же уровня?

<table> 
    <tr> 
     <td> 
      <input type="text" value="1" /> 
      <input id="button" type="button" value="Click me!" /> 
     </td> 
    </tr> 
</table>

Я хочу, чтобы получить значение input[type="text"] на ниже код, но он не работает, пожалуйста, помогите мне

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#button").bind("click", function() { 
      alert($(this).siblings().find('input[type="hidden"]').val();); 
     }); 
    }); 
</script>

источник

2013-09-12 Killer Whale

Я нет эксперт JQuery - но ISN» t найти проверку скрытого атрибута, который не существует в текстовом вводе? – Ian

Вы использовали текст типа ввода, но искали скрытый тип ввода. – sudhAnsu63

Сб о том, что :( –

Ну первая проблема заключается в том, что вы пытаетесь найти скрытые входы, а не вклад на основе текста. Кроме того, необходимо, чтобы переместить фильтр в брат и сестра называют, чтобы сделать это правильно работать, хотя вы имели дополнительную запятую тоже:

$(document).ready(function() { 
    $("#button").bind("click", function() { 
     alert($(this).siblings('input[type="text"]').val()); 
    }); 
});

См JSFiddle

источник

2013-09-12 07:54:24 Ian

использование jQuery prev() как в alert($(this).prev().val());

Он получает непосредственно предшествующего брата.

источник

2013-09-12 07:48:55

Это предполагает, что DOM никогда не изменится ... Я не уверен, что увижу это как безопасное утверждение. – Ian

Попробуйте это.

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#button").bind("click", function() { 
      alert($(this).parent().find('input[type=text]').val()); 
     }); 
    }); 
</script>

источник

2013-09-12 07:49:03 sudhAnsu63

Я пробовал, но получаю «неопределенный» –

Я обновил код, удаленная цитата вокруг текста. – sudhAnsu63

изменение

alert($(this).siblings().find('input[type="hidden"]').val());

alert($(this).siblings().find('input[type="text"]').val());

источник

2013-09-12 07:49:05 roullie

Я предположил, что тоже и просто попытался в JSFiddle, но получил неопределенное изменение на это. – Ian

ответ обновлен .. – roullie

Найти запросы для детей, вход только для братьев и сестер() удалить .find() – Anton

Вам нужно найти в братьев и сестер не потомков братьев и сестер.

alert($(this).siblings('input[type="hidden"]').val());

источник

2013-09-12 07:49:55 Adil

.find() поиски детей, так что вы не можете использовать его здесь. Просто используйте siblings()

$(this).siblings('input').val()

источник

2013-09-12 07:50:28 Anton

+1 для того, чтобы быть единственным человеком, который действительно объяснил, почему исходный код не работал. – Ian

Попробуйте это.

$("#button").click(function() { 
      alert($(this).prev('input[type="text"]').val()); 
     });

Demo Here

источник

2013-09-12 07:50:33

Я считаю, что предполагается, что DOM никогда не изменится ... поэтому он не так прочен, как его первоначальный план. – Ian

Прежде всего, Ваш тип вход text а не hidden. Вы выборки данных с использованием hidden в Jquery затем использовать, как показано ниже, если это скрыто:

$(document).ready(function() { 
    $("#button").bind("click", function() {    
     alert($(this).siblings('input[type="hidden"]').val()); 
    }); 
});

если это текст:

$(document).ready(function() { 
    $("#button").bind("click", function() {    
     alert($(this).siblings('input[type="text"]').val()); 
    }); 
});

Demo

источник

2013-09-12 07:55:52 Amit

Получить значение элемента такого же уровня?

ответ

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