jquery - 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 ID から「ID」を正常に取得できたのはなぜですか?

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();