Jquery Не удалось получить HTML входного значения

Question

У меня есть этот скрипт JQuery:

$('a.manage-content-link').click(function (e) { 
var self = $(this), 
    file = self.siblings('input[type="hidden.block-hidden-input"]').val(); 
var username = $("username").val(); 
var ids = $(this).attr('id'); 
self.next(".manage-content-wrap").find(".manage-content").load("test1.php?id="+ids+"&file="+file); 
e.preventDefault(); 
}); 

и это HTML теги:

<li><input type="hidden" value="001" class="block-hidden-input" /> 
    <a href="#" id="manage-1" class="manage-content-link"> 
     <img src="images/web-block/web-block1.jpg"/> 
     <span class="orange-notice">Click to Edit Content</span>  
    </a> 
</li> 

в test1.php, у меня есть:

<?php 
$file = $_GET['file']; 
$id = $_GET['id']; 

echo $file ."<br>"; 
echo $id ."<br>"; 
echo "Hello World"; 
?> 

и вот что я получил как выход:

undefined >> should be 001 
manage-1 
Hello World 

Почему этот скрипт не смог получить входное значение (в данном случае: 001), но он успешно получил идентификаторы «идентификаторы» из идентификатора href?

Answer 1

Ваш селектор получил перепутались немного:

self.siblings('input[type="hidden.block-hidden-input"]').val(); 
           ^^^^^ 

Попробуйте это вместо:

self.siblings('input[type="hidden"].block-hidden-input').val(); 

Кроме того, вы уверены, что у вас есть <username> элемент?

var username = $("username").val(); 

Answer 2

Эта линия является неправильным,

file = self.siblings('input[type="hidden.block-hidden-input"]').val();

Это должно быть

file = self.siblings('input[type="hidden"].block-hidden-input').val();

Answer 3

Должно быть

file = self.siblings('input[type="hidden"].block-hidden-input').val();