Jquery 单击链接时无法获取文本字段的值 $.ajax({ url:“http://192.168.1.60/json_android/getItemData.php", jsonpCallback:“项”， contentType:“应用程序/json”， 数据类型：“jsonp”， 成功：功能（数据）{ 控制台日志（数据）； var标记=”； $.each（data.list，function（i，elem）{ var$template=$（“”）； $template.find（“.ui-block-a”）.append（“”）； $template.find（“.ui-block-b”）.append（“”） markup+=$template.html（）； }); $（“#tweet list”）.append（markup）.listview（“刷新”，true）； }, 错误：函数（请求、错误）{ 警报（错误）； } }); $（“#tweet list”）。在（'click'，'a'，函数（事件）{ log（$（this）.closest（“输入[type=text]”））.val（）； });

在这里，我希望在单击链接时获得与链接关联的文本字段的值。我尝试了上面的代码，但它不能正常工作。

如果您正在运行，则结构如下所示

<script type="text/javascript">
    $.ajax({
        url: "http://192.168.1.60/json_android/getItemData.php",
        jsonpCallback: 'item',
        contentType: "application/json",
        dataType: 'jsonp',
        success: function(data) {
            console.log(data);

            var markup = "";
            $.each(data.list, function(i, elem) {
                var $template = $('<li>    <div class=ui-grid-a>   <div class=ui-block-a>  </div>  <div class=ui-block-b>    </div>  </div>   </li>');

                $template.find(".ui-block-a").append('<a href=#  id=' + elem['itemId'] + '>' + elem['itemId'] + '</a>');
                $template.find(".ui-block-b").append("<input type=text/>")
 markup += $template.html();

            });
            $("#tweet-list").append(markup).listview("refresh", true);

        },
        error: function(request, error) {
            alert(error);

        }
    });



$('#tweet-list').on('click', 'a', function(event) {

   console.log($(this).closest("input[type=text]").val());
});

---

如果你是这样想的话

<script type="text/javascript">
    $.ajax({
        url: "http://192.168.1.60/json_android/getItemData.php",
        jsonpCallback: 'item',
        contentType: "application/json",
        dataType: 'jsonp',
        success: function(data) {
            console.log(data);

            var markup = "";
            $.each(data.list, function(i, elem) {
                var $template = $('<li>    <div class=ui-grid-a>   <div class=ui-block-a>  </div>  <div class=ui-block-b>    </div>  </div>   </li>');

                $template.find(".ui-block-a").append('<a href=#  id=' + elem['itemId'] + '>' + elem['itemId'] + '</a>');
                $template.find(".ui-block-b").append("<input type=text/>")
 markup += $template.html();

            });
            $("#tweet-list").append(markup).listview("refresh", true);

        },
        error: function(request, error) {
            alert(error);

        }
    });



$('#tweet-list').on('click', 'a', function(event) {

   console.log($(this).closest("input[type=text]").val());
});

---

你的意思是

$（this）.closest（'div'）.next（'div'）.find（'input'）.val（）？实际上，我需要获取Clicked链接旁边文本字段的值。您的意思是
$（this）。最近（'div'）。下一个（'div'）。查找（'input'）。val（）？实际上，我需要获取单击链接旁边的文本字段的值
<div class="ui-grid-a">
  <div class="ui-block-a">
    <a href="#" data-role="button" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-up-c"><span class="ui-btn-inner"><span class="ui-btn-text">First</span></span></a>
  </div>
  <div class="ui-block-b">
    <div class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-c">
      <input type="text" value="First button - first input" class="ui-input-text ui-body-c">
    </div>
  </div>
</div>

$(this).closest('div').next('.ui-block-b').find('input').val();