jquery怎样获得所有div的id值,有多个div。用$("div").attr(id)只能获得一个div的id值

jquery怎样获得所有div的id值,有多个div。用$("div").attr(id)只能获得一个div的id值,第1张

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文件,点击按钮,查看结果。

//若只考虑存在value的单一情况

var arr=[];

$("[name='top']")each(function(index,el){

    $(el)val() 

});

//假设只获取input的值,若name=’top’的元素可能不存在value或不是input

$("[name='top']")each(function(index,el){

    $(el)is('input') && $(el)val() 

});

//若name=’top’的元素可能不存在value,而需获取所有存在value的name='top'的元素的值

$("[name='top']")each(function(index,el){

    $(el)is('input,select,textarea') && $(el)val()

});

思路:jquery 获取select多选下拉框所有选项的值,可以通过选取多选的数组进行循环判断即可。

方法如下:

function f(){

    var se = documentgetElementById("t");

    var s = [];

    for(i=0;i<selength;i++){

        if(seoptions[i]selected){

            spush(se[i]value);

        }

    }

    alert(s);

}

<select id="t" multiple="true">

    <option value="a">option-A</option>  

    <option value="b">option-B</option>

    <option value="c">option-C</option> 

    <option value="d">option-D</option>

</select>

<input type="button" value="确定" onclick="f()" />

如图所示:

$(function(){

       var tds = "";

       $("table tr")each(function(){

        tds = tds+$(this)find("td")eq(0)text();        

       });

       alert(tds);

     })

注:eq(0)是获取的每个tr中的第一个td,值根据需要自己修改即可。

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>show</title>

<style type="text/css">

div {

    float: left;

    width: 100px;

    height: 80px;

    border: 1px solid #0ff;

    margin-right: 5px;

    display:block;

}

</style>

<!--$("btn")是找到class="btn"的信息,直接each循环出div,里面的children(),里面的item,就是你想要的子元素了,(深圳网站建设:=">

参考代码如下:

获取所有name为spCodeId的checkbox

var spCodesTemp = "";

      $('input:checkbox[name=spCodeId]:checked')each(function(i){

       if(0==i){

        spCodesTemp = $(this)val();

       }else{

        spCodesTemp += (","+$(this)val());

       }

      });

      $("#txt_spCodes")val(spCodesTemp);

   

$(document)ready(function(){

var

array

=

new

Array();

//定义数组

$("#mi_name

option")each(function(){

//遍历全部option

var

txt

=

$(this)text();

//获取option的内容

if(txt

!=

"全部")

//如果不是“全部”

arraypush(txt);

//添加到数组中

});

});如上代码可以解决,写了注释,希望可以帮到你

以上就是关于jquery怎样获得所有div的id值,有多个div。用$("div").attr(id)只能获得一个div的id值全部的内容,包括:jquery怎样获得所有div的id值,有多个div。用$("div").attr(id)只能获得一个div的id值、jquery 怎么获得一组name='top'的所有value值、jquery 怎样获取select多选下拉框所有选项的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9472298.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存