首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在父div上的onClicking,获取子值-没有字符串操作。

在父div上的onClicking,获取子值-没有字符串操作。
EN

Stack Overflow用户
提问于 2012-04-18 19:48:27
回答 4查看 241关注 0票数 1

如何获得子输入值;从其父div上的单击事件-

动态HTML

代码语言:javascript
运行
复制
<div class="tableRowOdd">
  <input type="hidden" value="28"> 

  04/11/2012
</div>

JS

代码语言:javascript
运行
复制
$('#historyContainer .tableRowOdd').live( 'click', function(e) {

     // Here I want to get the hidden-input's value directly  
     // something like- $(this+'input').val()
     console.log( $(this) );

});

不想从$(this).html()执行字符串操作

请帮帮忙。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-04-18 19:50:56

代码语言:javascript
运行
复制
$('#historyContainer .tableRowOdd').live( 'click', function(e) {
     console.log( $(this).find('input').val() ); // or .text()
});

请注意,这将遍历所有输入。如果你想要的只是第一个:

代码语言:javascript
运行
复制
$('#historyContainer .tableRowOdd').live( 'click', function(e) {
     console.log( $(this).find('input').first().val() ); // or .text()
});
票数 3
EN

Stack Overflow用户

发布于 2012-04-18 19:51:27

$(this).find('input').val()应该返回值。

注意:如果您使用的是.on 1.7,或者在旧版本中使用.delegate,则使用.on incase。.live不是首选函数。

在旧版本中使用.delegate

代码语言:javascript
运行
复制
$('#historyContainer').delegate('.tableRowOdd', 'click', function(e) {
     $(this).find('input').val()
     console.log( $(this) );
});

使用.on实现jQuery 1.7

代码语言:javascript
运行
复制
$('#historyContainer').on('click', '.tableRowOdd', function(e) {
     $(this).find('input').val()
     console.log( $(this) );
});
票数 2
EN

Stack Overflow用户

发布于 2012-04-18 19:51:51

这可以通过jQuery实现:

代码语言:javascript
运行
复制
$('#historyContainer .tableRowOdd').live( 'click', function(e) {

     // if you have more inputs and wanna get the hidden 
     console.log( $(this).find('input[type="hidden"]').val() );
});
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10216871

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档