1、第一步 引入jqury代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ul class="search_product_list"> <li> <a href="baidu.html?wd=214414"> 百度 </a> </li> </ul> <script src="../../js/jquery.js"></script> </body></html>
2、第二步 新建一个html文件baidu.html代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html>
3、第三步 利用jquery中attr获取href实现跳转 $(".search_product_list").on('click',function(){ window.location.href= $(".search_product_list a").attr('href'); })整体代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .search_product_list{ width:100px; height:100px; border: 1px solid red; } </style> </head> <body> <ul class="search_product_list"> <li> <a href="baidu.html?wd=214414"> 百度 </a> </li> </ul> <script src="../../js/jquery.js"></script> <script> $(function() { $(".search_product_list").on('click',function(){ window.location.href= $(".search_product_list a").attr('href'); }) }) </script> </body></html>
