循环添加点击事件、循环添加元素标签、获取标签属性的值、给所有设置css值

最新推荐文章于 2023-03-08 14:09:02 发布
最新推荐文章于 2023-03-08 14:09:02 发布
阅读量3.3k 收藏 1
点赞数
分类专栏： 原生文章
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41441312/article/details/80287037
版权 
$(".jingjiren").bind('click', function() {
    
});
 

 

/*选择ul标签用来添加li*/
const ul = $(".listul");
/*置空*/
ul.empty();
/*循环添加*/
for (var i=0;i<dat.pageList.length;i++){
    ul.append("<li></li>")
}
 

 

 

$("#StoreId").attr("value");
 


 


 

 

$(".jingjiren").css("background","#fff");
 


                

        

        

    




    

      

        

            

              
                
                  码渝
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
for循环遍历获取子标签里面的值

				
			

			

				

					weixin_49983206的博客
				

				

					03-28
					
					452
					
				

			

		

		

			
				
前端的数据:

1:获取子标签  $("#id").children(“标签名”)
2:在控制台打印

在控制台得到13条数据,但是我们需要得到这十三条数据里面的我设置好的value值

其中这些在开头的数字是索引,代表有13个
然后我们点开其中一个,发现里面有一行数据:

里面有我们需要的”value”关键字,然后我们点开:

就可以发现,里面的nodeValue:”1”的值符合我们的条件,然后我们在上面鼠标右键

复制属性的地址到IDEA

然后将数字用循环的i代替即可遍历完成

...

			
		

	



                

              
                



	

		

			

				
					
css中一次给多个标签赋值

				
			

			

				

					qq_45128278的博客
				

				

					12-03
					
					946
					
				

			

		

		

			
				
id=“s2”   id=“s1”
class=“s3”
s3可以给多个标签使用。
#s2,#s1{
    color:black;
}

.s3{
color:black;
}




			
		

	



                


  
              

                


	

		

			

				
					
html 循环点击事件,for循环中动态创建的html元素的Onclick事件

				
			

			

				

					weixin_42314420的博客
				

				

					06-10
					
					861
					
				

			

		

		

			
				
我有一个类似于数据树的json对象。我想交互式地在UI上显示它。在点击一个组件时，它的孩子应该被显示等等。我写了下面的代码for循环中动态创建的html元素的Onclick事件var json_data = {"component": "A","status": 0,"children": [{"component": "AA","status": 0,"children": [{"compone...

			
		

	





	

		

			

				
					
htmlparser获取循环节点内容和单个标签内容的方法

				
			

			

				

					szjianzr的专栏
				

				

					10-31
					
					472
					
				

			

		

		

			
				
htmlparser接口可用于提取分析html页面的内容。
本文只简单说明下如何利用htmlparser获取某个节点标签的内容，和获取循环节点的列表内容的个人总结。其它操作方法，因网上已经有很多相关的帮助文档，在此不再重复说明。

大致思路：
1：定义org.htmlparser.filters的类型，确定需要获取的标签或内容范围。常用的HMLT filter类型有：AndFilter、H...

			
		

	



		

			
		



	

		

			

				
					
项目：HTML提取数据，保存Docx（模块之间的关系以及怎么加速for循环处理方式）

				
			

			

				

					qq_53810226的博客
				

				

					01-28
					
					483
					
				

			

		

		

			
				
怎么加速for循环处理方式

			
		

	





	

		

			

				
					
scss语法，使用for循环批量设置class类

				
			

			

				

					qq_17335549的博客
				

				

					03-08
					
					2509
					
				

			

		

		

			
				
scss语法，使用for循环批量设置class类

			
		

	





	

		

			

				
					
获取input标签的所有属性的方法

				
			

			

				

					09-02
				

			

		

		

			
				
 在这个例子中，`getElementsByTagName("input")`用于获取`<form1>`内所有的`<input>`元素，然后通过循环和`onclick`事件处理程序，我们可以访问每个`<input>`元素的`name`属性。  除了上述的`value`和`name`属性，`...

			
		

	





	

		

			

				
					
js获取select标签选中值的两种方式

				
			

			

				

					12-11
				

			

		

		

			
				
综上所述，无论是JavaScript还是jQuery，获取`<select>`标签选中值的操作都相对简单，关键在于理解DOM元素的属性和jQuery选择器的工作原理。在实际开发中，结合良好的编程习惯和适当的优化策略，可以使这些操作更加...

			
		

	





	

		

			

				
					
JavaScript获取并更改input标签name属性的方法

				
			

			

				

					12-09
				

			

		

		

			
				
例如，`document.getElementsByClassName('className')`或`document.getElementsByTagName('input')`返回一个包含匹配元素的集合，然后通过循环遍历集合来获取每个元素的`name`属性。  在给定的描述中，重点使用了`...

			
		

	





	

		

			

				
					
用js动态添加html元素,以及属性的简单实例

				
			

			

				

					12-10
				

			

		

		

			
				
这里，我们通过`.style`属性来访问元素的内联样式，并设置了一系列CSS属性，包括定位（position: absolute）、大小（width 和 height）和背景图片（background 和 backgroundRepeat）。`position: absolute`使元素相...

			
		

	





	

		

			

				
					
JQuery属性操作与循环用法示例

				
			

			

				

					10-17
				

			

		

		

			
				
jQuery提供`.prop()`方法用于获取或设置元素的属性值。例如，要获取`<img>`标签的`src`属性，我们可以使用以下代码：  ```javascript var $src = $('#img1').prop('src'); ```  这将返回`#img1`元素的`src`属性值。 ...

			
		

	





	

		

			

				
					
解决context 在循环标签中取当前对象值得的问题。

				
			

			

				

					weixin_33795833的博客
				

				

					11-10
					
					103
					
				

			

		

		

			
				
为什么80%的码农都做不了架构师？>>> 
                                        
                ...

			
		

	





	

		

			

				
					
JQ循环标签里面标签属性的值

				
			

			

				

					俗人世界
				

				

					03-21
					
					1301
					
				

			

		

		

			
				
JQ循环标签里面标签属性的值

			
		

	





	

		

			

				
					
jQuery获取div中循环数据a标签的id值

				
			

			

				

					勉后之幸
				

				

					12-31
					
					3252
					
				

			

		

		

			
				
前台调用后台接口，把省市循环展示在前台页面上，然后前台需要把省市的id传给后台以此来查询，我这里记录下如何获取到省市的id。

首先，获取到省市的数据并展示


<div class="fb_area lf" style="width: 71%;">
    <span>分布区域：</span>
    <a class='ks_active' href=...

			
		

	





	

		

			

				
					
获取 a标签里的值   foreach 循环的a标签

				
			

			

				

					weixin_34044273的博客
				

				

					06-05
					
					764
					
				

			

		

		

			
				
转载于:https://blog.51cto.com/dabaobei/1658887

			
		

	





	

		

			

				
					
Django模板标签{% for %}循环，获取制定条数据

				
			

			

				

					qq_16853655的博客
				

				

					01-10
					
					1056
					
				

			

		

		

			
				
有时候，为了获取查询结果的部分数据，需要对变量进行一些处理，在网上查了一圈，只发现了这两个方法：

返回查询结果的切片
在返回给前端的结果中，通过切片来取得想要的数据：

pictures = Post.objects.filter(status='published')[:8]

如[:8]，但这种操作比较片面，会将返回结果限制住，有时候不利于其他的操作使用
2.使用{% if %}标签和for...

			
		

	





	

		

			

				
					
JQ   td 循环中获取标签的值

				
			

			

				

					wbj16116的博客
				

				

					07-03
					
					1210
					
				

			

		

		

			
				
{foreach name="user_list" item="list"}
                            <tr class="lzCenter-td">
                                <td class="lzCenter_td_content1">{$list['uid']}</td>
...

			
		

	





	

		

			

				
					
jQuery基础学习（3）（获取标签属性,动态添加标签）

				
			

			

				

					zww学习笔记
				

				

					06-29
					
					2257
					
				

			

		

		

			
				
jQuery DOM 操作获得内容 - text()、html() 以及 val()三个简单实用的用于 DOM 操作的 jQuery 方法： 
text() - 设置或返回所选元素的文本内容 
html() - 设置或返回所选元素的内容（包括 HTML 标记） 
val() - 设置或返回表单字段的值<script>
$(document).ready(function(){
  $("#btn1"

			
		

	





	

		

			

				
					
点击tr标签，当前行改颜色，并返获取值到文本框，再次点击其他行，原来点击的行变为原色

					
最新发布

				
			

			

				

					05-20
				

			

		

		

			
				
假设你的 HTML 代码如下：

```html
<table>
  <tr>
    <td>行 1，列 1</td>
    <td>行 1，列 2</td>
  </tr>
  <tr>
    <td>行 2，列 1</td>
    <td>行 2，列 2</td>
  </tr>
  <tr>
    <td>行 3，列 1</td>
    <td>行 3，列 2</td>
  </tr>
</table>

<input type="text" id="selectedRow" />
```

你可以使用以下 JavaScript 代码实现点击 `tr` 标签时的效果：

```javascript
// 获取所有的 tr 标签
const rows = document.getElementsByTagName("tr");

// 循环遍历每个 tr 标签
for (let i = 0; i < rows.length; i++) {
  const row = rows[i];

  // 给每个 tr 标签添加点击事件
  row.addEventListener("click", function() {
    // 取消之前被选中的行的样式
    const selectedRow = document.querySelector(".selected");
    if (selectedRow) {
      selectedRow.classList.remove("selected");
    }

    // 添加被选中的行的样式
    this.classList.add("selected");

    // 把被选中的行的文本放入文本框中
    const selectedRowText = this.textContent.trim();
    document.getElementById("selectedRow").value = selectedRowText;
  });
}
```

CSS 样式可以这样写：

```css
tr.selected {
  background-color: yellow;
}
```

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值