使用jquery删除所有href链接

时间:2013-12-12 12:11:01

标签: javascript jquery html css

我正在尝试从已解析的网站中删除所有链接,然后删除了div并将其放在主代码中。问题是我试图删除提取的div中的所有'href'链接,但无法到达任何地方。我尝试过使用'CSS'并且只能在chrome中工作,我必须使用IE。我已经看过'php simple html dom'解析器,看看我是否可以在文件保存之前完成它但却无法正常工作。所以我最后的办法是使用'jquery',但问题是要删除的链接是从文件中提取的,而不是直接在代码中。如果有人能帮助我,我会非常感激。下面是我正在使用的代码。

<head>
   <meta http-equiv="content-type" content="text/html;charset=UTF-8">
   <meta http-equiv="content-language" content="en">
   <meta name="viewport" content="width=500" />
   <title>example News</title>
   <link rel="stylesheet" type="text/css" href="site/wwwRand1.css">
   <?php 
      include( 'site/simple_html_dom.php'); 
      $html=file_get_html( 'http://example.com/home.php'); 
      $html->save('site/result.htm')                      
      ?>
   <script type="text/javascript" src="site/jquery.js"></script>
   <script type="text/javascript">
      $('document').ready(function() {
      $('#postsArea').load('site/result.htm #postsArea');
      });
   </script>
</head>
<body>
   <div id="wrap">
      <div id="postsArea"></div>
   </div>
</body>

3 个答案:

答案 0 :(得分:9)

只需从<a />标记

中删除href属性即可
$("#postsArea").load( "site/result.htm", function() {
   $("#postsArea a").removeAttr("href")
});

如果您仍希望标签显示为可点击...

$("#postsArea a").removeAttr("href").css("cursor","pointer");

希望这有帮助

答案 1 :(得分:1)

试试这个:

$('document').ready(function () {
    $.ajax({
         url : 'site/result.htm',
         dataType: 'html',
         success : function(html){
              $html = $(html).find(a).attr("href", "");
              $("#postsArea").html($html);
         },
         error : function(){
              $("#postArea").html("<div>No Data Found.</div>");
         }
    })
});

答案 2 :(得分:0)

以下是我的表现:

$(function() {
    $('a[href]').each(function() {                                                                                                                                                                                    
      var link =  jQuery(this);
      link.after(jQuery('<span/>').text(link.text()));
      link.remove();
    });
});

它将<a href="foo">Foo</a>替换为<span>Foo</span>