怎么获取html中的id

怎么获取html中的id,第1张

var id = document.getElementById(this)

this????

what this???

do you know this is what???

Oh,my god

I follow U

1、在jQuery里面,获取id的值,或者其他任意属性的值,可以用attr()

<div class="row">

<p>既然是知道有多个input,可以明确指定id ,在function里面分别对不同的id进行 *** 作就行了,而不是需要去判断id是什么,如果需要针对属性值判断,那么就不要用id,干脆加属性吗,属性可以任意命名</p>

<label for="">1 :</label>

<input type="text"

name="test"

id=“input_1” />

<label for="">2 :</label>

<input type="text"

name="test"

id=“input_2” />

<label for="">3 :</label>

<input type="text"

name="test"

id=“input_3” />

<button type="button"

class="btn btn-default"

id="btn_2">测试</button>

</div>

//为按钮设置事件

$("#btn_2").click(function () {

//把所有name=test的input都取到,遍历得到id继续进行判断或其他 *** 作都可以

//alert(huiyi)

$("input[name='test']").each(function () {

var id = $(this).attr('id')

alert(id)

if (id == '') {

//

}

})

})

运行效果

请点击输入图片描述

可以!

1、使用mobile-detect.js

2、html

<!DOCTYPEhtml>

<html>

<head>

<metahttp-equiv="Content-Type"content="text/htmlcharset=UTF-8"/>

<metaname="viewport"

content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

<title>JS获取手机型号和系统</title>

</head>

<body>

</body>

<script src="jquery.js"></script>

<script src="mobile-adapt.js"></script>

<script>

//判断数组中是否包含某字符串

Array.prototype.contains=function(needle){

for(iinthis){

if(this[i].indexOf(needle)>0)

returni

}

return-1

}

vardevice_type=navigator.userAgent//获取userAgent信息

document.write(device_type)//打印到页面

varmd=newMobileDetect(device_type)//初始化mobile-detect

varos=md.os()//获取系统

varmodel=""

if(os=="iOS"){//ios系统的处理

os=md.os()+md.version("iPhone")

model=md.mobile()

}elseif(os=="AndroidOS"){//Android系统的处理

os=md.os()+md.version("Android")

varsss=device_type.split("")

vari=sss.contains("Build/")

if(i>-1){

model=sss[i].substring(0,sss[i].indexOf("Build/"))

}

//判断是否是oppoR9s

if(model="OPPOR9s"){

alert('您的手机是OPPOR9s')

}

if(model=="MI6"){

alert('您的手机是小米6')

}

}

alert('111'+model+'2222')//打印系统版本和手机型号

</script>

</html>


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

原文地址: http://outofmemory.cn/zaji/6102093.html

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

发表评论

登录后才能评论

评论列表(0条)

保存