同一li标签下的p标签和a标签获取下标问题

最新推荐文章于 2022-08-11 16:28:03 发布
最新推荐文章于 2022-08-11 16:28:03 发布
阅读量1.1k 收藏 1
点赞数 1
分类专栏： Mistakes
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HAZER644/article/details/90166688
版权

四个li标签，然后需要实现是给li下面的一个p标签还有一个a标签绑定点击事件；

但是在绑定的过程中获取点击的下标出错点击任何一个p和a标签都是index=1；

之前有遇见过同样的问题，完美解决了的，但是因为个人原因，不太会写代码了，记录一下，算是小错误集囊；

我知道这个问题是真的有点。。（算了，我啥也不说）


                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  HAZEL644
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
关于IE6下Li标签左边多出宽16pxBUG的问题

				
			

			

				

					09-25
				

			

		

		

			
				
其中一个著名的bug就是关于IE6下`<li>`标签左边多出16px宽度的问题。这个问题主要涉及到`<ul>`列表的样式处理，尤其是`list-style-type`和`list-style-position`属性在不同浏览器之间的差异。  首先，`<li>`标签...

			
		

	



                

              
                



	

		

			

				
					
jQuery动态添加li标签并添加属性和绑定事件方法

				
			

			

				

					10-18
				

			

		

		

			
				
在本文中，我们将深入探讨如何使用jQuery来动态地添加`li`标签，并向这些标签添加属性以及绑定事件。首先，让我们解析一下标题和描述中提到的关键知识点。  **jQuery动态添加li标签** 在jQuery中，我们可以使用`...

			
		

	



                


  
              

                


	

		

			

				
					
js获取li标签下的p标签或者a标签的值

				
			

			

				

					xtyzmnchen的博客
				

				

					11-12
					
					9003
					
				

			

		

		

			
				


例如:(点击编辑按钮,获取admin 的值)

                 &lt;li class="role_oli"&gt;
                    &lt;p class="user_enable"&gt;admin&lt;/p&gt;
                    &lt;p class="user_organize"&gt;生产经营部&a

			
		

	





	

		

			

				
					
从语义化的角度，<li> 标签中的内容应该使用 <p> 标签吗？

				
			

			

				

					allWords的博客
				

				

					11-10
					
					2616
					
				

			

		

		

			
				
前端开发,HTML5页面,li标签里面是否需要p标签

			
		

	



		

			
		



	

		

			

				
					
44 WebGL通过点击获取到点击面的下标

				
			

			

				

					现在学习也不晚
				

				

					06-15
					
					1433
					
				

			

		

		

			
				
案例查看地址：点击这里    &lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport"
          content="width=device-width, user-scalab

			
		

	





	

		

			

				
					
php如何获取li标签中的值,如何通过js获取li为选中状态下  对应li标签内span的值...

				
			

			

				

					weixin_29130255的博客
				

				

					03-19
					
					244
					
				

			

		

		

			
				
qq_Ismile_2//封装getClassfunction getClass(tagName,className) //获得标签名为tagName,类名className的元素{if(document.getElementsByClassName) //支持这个函数{ return document.getElementsByCla...

			
		

	





	

		

			

				
					
解决<li>标签中<a>和<span>标签对不齐问题

				
			

			

				

					 你的爱是我走不出的银河！
				

				

					10-14
					
					4432
					
				

			

		

		

			
				
做一个新闻列表，每条新闻用一个,一条新闻包括新闻标题加时间，标题用,时间用，结果和死活对不齐。代码如下：


       ·[@text_cut s=a.title len=titLen append=append/]
      
       [${a.releaseDate?string(dateFormat)}]
      
 



解决方案：
很简单，把 和换下位置就

			
		

	





	

		

			

				
					
Jquery和JS获取ul中li标签的实现方法

				
			

			

				

					11-24
				

			

		

		

			
				
在JavaScript和jQuery中，获取`<ul>`中的`<li>`标签是常见的需求，这在构建动态网页和交互式用户界面时尤其重要。以下是一些关于如何实现这一目标的方法：  ### JavaScript 获取`<ul>`中`<li>`的实现  在JavaScript...

			
		

	





	

		

			

				
					
JS实现动态增加和删除li标签行的实例代码

				
			

			

				

					01-19
				

			

		

		

			
				
如下所示：  function addDepartment() { <span xss=removed>	</span>var x = document.getElementById('department'...<span xss=removed>	</span>var li = document.createElement(li); <span xss=removed>	</span

			
		

	





	

		

			

				
					
JavaScript使用ul中li标签实现删除效果

				
			

			

				

					12-10
				

			

		

		

			
				
本文实例为大家分享了js使用ul中li标签实现删除效果的具体代码，供大家参考，具体内容如下  <html>  <head>  <meta charset="utf-8">  <title></title>  <style type="text/css"&...

			
		

	





	

		

			

				
					
jQuery里面的获取元素

				
			

			

				

					cola
				

				

					10-30
					
					380
					
				

			

		

		

			
				
原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。

选择器

基础选择器

$("选择器")  // 里面选择器直接写 CSS 选择器即可，但是要加引号

![基础选择器](images/基础选择器.png)


层级选择器

层级选择器最常用的两个分别为：后代选择器和子代选择器。
![层级选择器](images/层级选择器.png

基础选择器和层级选择器案例代码
<body>
  <div>我是div</di

			
		

	





	

		

			

				
					
HTML —— 简单知识点3

				
			

			

				

					sokoooo的博客
				

				

					01-31
					
					258
					
				

			

		

		

			
				
HTML —— 简单知识点3



一、表格标签

1. 表格标签的作用、基本格式、属性

1.1 作用：用于显示、展示数据；

1.2 基本格式：



<table>
    <tr>
        <td>文字</td>
        <td>文字</td>
        ...
    </tr>
    ...
</table>


1.3 具体解释：

① <table></.

			
		

	





	

		

			

				
					
jquery和js把一个标签的文本值赋给另一个标签

				
			

			

				

					farmerXU的博客
				

				

					09-15
					
					1934
					
				

			

		

		

			
				
$(function(){
		 a=$(".on").find("a").text();
		$(".on2").text(a);
		})




			
		

	





	

		

			

				
					
如何找一个div标签下面所有p标签的内容

				
			

			

				

					m0_48600544的博客
				

				

					08-11
					
					2535
					
				

			

		

		

			
				
如何找一个div标签下面所有p标签的内容

			
		

	





	

		

			

				
					
第四节 常用标签集合&&标签分类

				
			

			

				

					Emily_lhj的博客
				

				

					02-05
					
					651
					
				

			

		

		

			
				
/* reset */
			body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,textarea,th,td,select{margin:0;padding:0;}
			em{font-style:normal}
			li{list-style:none}
			a{text-decoration:none;}
			img{bo

			
		

	





	

		

			

				
					
jquery实现单机li标签时，执行跳转，li标签下面的a标签路径

				
			

			

				

					weixin_38391672的博客
				

				

					11-14
					
					8739
					
				

			

		

		

			
				
思路：
这是一个触发事件，li标签被单击时，触发click方法，方法会获取到a标签的路径，进行页面跳转。
沿着这个思路去完成。
1、引入jquery

script src="http://code.jquery.com/jquery-latest.js">script>
2、实现
ul>
    li>点击这里也可以a href="http://bird.so">birda>li>

			
		

	





	

		

			

				
					
使用 Puppeteer 获取ul 下面li标签下的a标签

					
最新发布

				
			

			

				

					02-06
				

			

		

		

			
				
可以使用 Puppeteer 的 `page.$eval` 方法来获取 ul 下的 li 标签下的 a 标签。  例如，假设你想获取页面中 ul 元素的第一个 li 元素的 a 元素的文本内容，你可以这样写：  ``` const ul = await page.$('ul'); ...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值