JQuery解决方案通过单击输入字段附近的按钮来发现输入字段ID/Name值

我有一个表单，其中有一个字段，我可以粘贴一个图像URL，在它的右侧有一个按钮，单击该按钮将获取字段输入值，并打开一个窗口预览图片URL

这是HTML部分

    <!-- Article Featured Image URL -->
    <div class="form-group">
      <label class="col-md-2 control-label" for="ArticleFeaturedImageURL">Featured Image URL</label>  
      <div class="col-md-6">
      <div class="input-group">  
          <input id="ArticleFeaturedImageURL" name="ArticleFeaturedImageURL" maxlength="250" placeholder="Write an Image URL" class="form-control input-md" type="url" pattern="https?://.+" value="">
        <span class="input-group-btn">
            <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-search" aria-hidden="true" onclick="openCustomRoxy2();"></span></button>
            <button type="button" class="imgurlview  btn btn-primary"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span></button>
        </span>
      </div>
      <span class="help-block">A featured image represent the contents, mood, or theme of a post and will be used to create the <b>Thumbnail</b>. If not specified will be used the first image present in the article (if is available). Use full URL starting with <b>http://</b> or <b>https://</b></span>    
      </div>
    </div>  

我尝试获取字段ID，然后用它打开窗口或做其他事情。 但是当我使用imgurlview类单击按钮时，alertbox显示一个“未定义”错误

也许这是一件愚蠢且容易修复的事情，但我还没有找到一种方法在每个按钮中使用imgurlview类，我想找出输入字段名称/id值

任何帮助都可以

---

谢谢

因为您的图像url输入有一个id属性，您可以直接使用它吗

$('.imgurlview').click(function(){
    var url = $('#ArticleFeaturedImageURL').val()
});

如果出于任何原因，您不知道id将是什么，并且假设html结构始终相同

$('.imgurlview').click(function(){
    var id = $(this).closest('.input-group').find('input').first().attr('id');
});

next（）和prev（）函数用于 获取匹配元素集中每个元素紧跟其后的同级。如果提供了选择器，则仅当它与该选择器匹配时，它才会检索下一个同级

在您的例子中，您试图获取的元素不是$（'.imgurlview'）的兄弟元素。 这就是为什么它给你未定义的

---

正如所建议的，您可以使用元素“ArticleFeaturedImageURL”的id来获取该元素的值。

您有

ArticleFeaturedImageURL

的id值，您是否可以不使用

$（'#ArticleFeaturedImageURL'）。val（）

？我就是这么做的，但是表单中有动态创建的字段，因此名称和ID会发生变化，我想创建一个动态jquery，查找附近的输入字段ID:）非常感谢

$('.imgurlview').click(function(){
    var id = $(this).closest('.input-group').find('input').first().attr('id');
});