用户对问题“如何使用jQuery找到最近的元素？”的回答 - 问答 - 云+社区

如何使用jQuery找到最近的元素？
内容来源于 Stack Overflow，并遵循CC BY-SA 3.0许可协议进行翻译与使用

回答 (2)
关注 (0)
查看 (321)

我有以下HTML代码：

<td>
  <input type="text" size="40" value="" name="related_image" id="related_image">  
  <input type="button" class="button addImage" value="Get image url">
</td>
<td>
  <input type="text" size="40" value="" name="alternative_image" id="alternative_image">  
  <input type="button" class="button addImage" value="Get image url">
</td>

我需要知道我点击哪个按钮，然后添加一些文本到最近的输入文本字段。

如果我单击第一个按钮<td>，然后我需要将一些文本输入到related_image文本字段。

我尝试过使用下面的jQuery，但它没有工作：

jQuery('.addImage').click(function() {
  var tmp = jQuery(this).closest("input[type=text]").attr('name');
  alert(tmp);
});

提问于 2018-02-092018-02-09 01:39:47

用户回答回答于 2018-02-092018-02-09 11:20:26

.closest()找到父类，在这种情况下，你需要.siblings()，就像这样：

jQuery('.addImage').click(function() {
  var tmp = jQuery(this).siblings("input[type=text]").attr('name');
  alert(tmp);
});

或者，如果格式总是像你的示例一样一致，只需使用.prev()，就像这样：

jQuery('.addImage').click(function() {
  var tmp = jQuery(this).prev().attr('name');
  alert(tmp);
});

赞0 收藏0 评论0

.closest()找到父类，在这种情况下，你需要.siblings()，就像这样： jQuery('.addImage').click(function() { var tmp = jQuery(this).siblings("input[type=text]").att...

查看全部 2 个问答

腾讯云 COS 怎么才能外链调用 m3u8 到别的网站播放？

1回答

对象存储

滑稽园扛把子

Swoole · PHP开发工程师 (已认证)

As a PHP Developer

推荐

设置公有读私有写：当访问对象时，COS 读取到对象的权限为公有读，此时无论存储桶为何种权限，对象都可以被直接下载设置步骤登录对象存储控制台，选择左侧菜单栏【存储桶列表】，进入存储桶列表页面。单击需要修改对象权限的对应存储桶，进入存储桶。 📷 找到需要设置权限的对象（如 e...... 展开详请

赞2 收藏0 评论0

设置公有读私有写：当访问对象时，COS 读取到对象的权限为公有读，此时无论存储桶为何种权限，对象都可以被直接下载设置步骤登录对象存储控制台，选择左侧菜单栏【存储桶列表】，进入存储桶列表页面。单击需要修改对象权限的对应存储桶，进入存储桶。 📷 找到需要设置权限的对象（如 e...

Ubuntu搭建的WordPress如何修改php.ini？

3回答

Ubuntu、WordPress

滑稽园扛把子

Swoole · PHP开发工程师 (已认证)

As a PHP Developer

推荐

php新手很多不知道怎么查配置文件在哪，这里提供一个很简单的方法使用 php -i 命令可以打印php的详细信息，可以把这堆东西输出一下 php -i > outputphp.txt，结合 grep 查找命令 php -i| grep php.ini 打印结果如下 Config...... 展开详请

赞0 收藏0 评论0

php新手很多不知道怎么查配置文件在哪，这里提供一个很简单的方法使用 php -i 命令可以打印php的详细信息，可以把这堆东西输出一下 php -i > outputphp.txt，结合 grep 查找命令 php -i| grep php.ini 打印结果如下 Config...