jquery 如何获取隐藏div中Input中的文本框值

jQuery 获取 input 文本框中的值方法始终是相同的，与是否隐藏无关，隐藏与不隐藏都能获取到值；

<div id="thisdiv" style="display: none">

<input type="text" class="demo" id="demo" value="123213e2q">

</div>

<script>

var value = $('#demo')val(); // 直接根据 input 的id 获取值

var value = $('demo')val(); // 根据input 的class 类获取值，此方法需保证只有一个input 使用该class 类，否则始终返回第一个使用该class 类的input 的值

var value = $('#thisdiv input')val(); //

var value = $('#thisdiv demo')val(); // 根据父元素定位input 获取值

以上的方法都能获取到 input 中的值，与div 是否隐藏没关系

</script>

<select name='anch1'>

<option value='10'>10 ++</option>

<option value='20'>20 ++</option>

<option value='30'>30 ++</option>

<option value='40'>40 ++</option>

<option value='50'>50 ++</option>

</select>

<select name='anch2'>

<option value='10'>10 ++</option>

<option value='20'>20 ++</option>

<option value='30'>30 ++</option>

<option value='40'>40 ++</option>

<option value='50'>50 ++</option>

</select>

<select name='anch3'>

<option value='10'>10 ++</option>

<option value='20'>20 ++</option>

<option value='30'>30 ++</option>

<option value='40'>40 ++</option>

<option value='50'>50 ++</option>

</select>

<div>SUM OF SELECTED OPTIONS</div>

求和的JS：

$('select')change(function(){

var sum = 0;

$('select :selected')each(function() {

sum += Number($(this)val());

});

$("#sum")html(sum);

});

1、新建一个html文件，命名为testhtml。

2、在testhtml文件内，使用div标签创建一行文字，文字内容为“这是测试的文字内容”。

3、在testhtml文件内，设置div的id属性为abc，用于下面通过该id获得div对象。

4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取div里面的值”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getdivc（）函数。

6、在js标签中，创建getdivc()函数，在函数内，通过id(abc)获得div对象，使用text()方法获得div内的值，并使用alert()方法将值输出。

7、在浏览器中打开testhtml文件，点击按钮，查看结果。

可以先定位到这个DIV,然后采用attr方法来获取其值：

假如说：有一段Html代码：

[html] view plaincopy

<div class="comment" id="22">

<div class="comment_detail" style="display: block; ">

<div class="comment_my"><textarea class="comment_text" style="height: 16px; "></textarea></div>

<div class="comment_text_bottom" style="display: none; ">

<div class="comment_emotion"><a href="javascript:void(0)" class="comment_emotion_button">表情</a>

<div class="comment_emotion_detail" style="display: none; ">

</div>

</div>

<div class="comment_publish"><input class="submit" type="submit" value="评论"></div>

</div>

</div>

<div class="comment_bar"><a href="javascript:void(0)" class="comment_click"></a></div>

</div>

如果想从submit处定位，获取到comment处DIv的ID，那么就可以这样做：

ID值为：

[javascript] view plaincopy

$("submit")parent()parent()parent()parent()attr('id');

其值为：22;

CLASS值为：

[javascript] view plaincopy

$("submit")parent()parent()parent()parent()attr('class')

其值为：comment;

以上就是关于jquery 如何获取隐藏div中Input中的文本框值全部的内容，包括:jquery 如何获取隐藏div中Input中的文本框值、jquery multiselect 怎么获取选中的value值、jquery怎样获得所有div的id值，有多个div。用$("div").attr(id)只能获得一个div的id值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！