js获取任意地方的值以及获取自定义值

轻井泽惠。

已于 2022-08-10 11:28:43 修改

阅读量790

点赞数

分类专栏：前端 # js 文章标签： javascript

于 2022-01-10 21:30:03 首次发布

本文链接：https://blog.youkuaiyun.com/qq_41860358/article/details/122419758

版权

前端同时被 2 个专栏收录

2 篇文章

订阅专栏

2 篇文章

订阅专栏

本文介绍使用jQuery进行DOM元素属性的操作方法，包括如何通过$.attr()和getAttribute()获取和设置元素属性值，以及如何利用自定义属性简化特定设置的获取流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

总结：

//$(“.roleList”).eq(0)==$(‘.roleList’)[0] --false //通过class名字获取文本

eq获取的是dom节点可以掉用各种函数如attr获取属性
通过数组索引值获取的是元素文本
在自定义属性的例子中如果获取的只有一个元素，那么通过$获取的是dom节点可以调用attr,否则是元素文本通过getAttribute获取元素

通过class名字获取文本

$(document).ready(function(){
    // var roleId = $(".roleList").eq(0).attr('value');
   // if(roleId!==null) changeRole(roleId);
  
   var roleId = $('.roleList')[0].innerText;
   if(roleId!==null) changeRole(roleId);
    
    //$(".roleList").eq(0)==$('.roleList')[0] --false
    //eq获取的是dom节点可以掉用各种函数如attr获取属性  
    //通过数组索引值获取的是元素文本
    //在下面的例子中 如果获取的只有一个元素，那么通过$获取的是dom节点可以调用attr,否则是元素文本通过getAttribute获取元素
    <span class="span roleList" value="改善情况分析" onclick="changeRole('改善情况分析')">改善情况分析</span>
});

通过自定义属性（可以再已有环境添加属性对于获取特定设置值更方便）

例子：在input中定义roleStatus 在通过js获取index.getAttribute(“roleStatus”)==‘正常’

$(index).attr(“roleStatus”) == index.getAttribute(“roleStatus”)

<script type="text/javascript">
  //js获取方式
   var sysUsernames="";
				$(":input[name='singleCheckbox']","#main").each(function(i,index){
					if($(index).attr("checked")=="checked"){
						if(index.getAttribute("roleStatus")=='正常') {
							alert("账号状态正常，无需操作！");
							sysUsernames="false";
							return;
						}
						if(sysUsernames!="")sysUsernames+=";";
						sysUsernames+=$(index).val();}}
	if(sysUsernames=="false") {return ;}  //return只是退出循环需要一个变量来再次return退出函数
</script>

<c:forEach items="${mx:v(result)}" var="item" varStatus="index">
						<mx:tr>
							<mx:td><input type="checkbox" name="singleCheckbox"  roleStatus="${mx:v(item[6])}" value="${mx:v(item[0] )},${mx:v(item[2] )}"/></mx:td>
							<c:forEach items="${mx:v(item)}" var="obj" varStatus="status">
								<c:if test="${mx:v(status.count==7)}">
									<mx:td>
										<span class="roleState" value="${mx:v(obj)}">${mx:v(obj)}</span>
									</mx:td>
								</c:if>
								<c:if test="${mx:v(status.count)<10 && mx:v(status.count)!=7}">
								<mx:td>
									${mx:v(obj)}
								</mx:td>
								</c:if>
							</c:forEach>
						</mx:tr>
</c:forEach>

待补充。。。