删除某些div元素的父href属性

时间:2018-05-18 06:57:40

标签: jquery html

我有一个表包含包含锚元素的行 这个锚元素包含div元素,我想删除某些anhcor的'href'属性,其子div元素类包含'bg-color-green'。

这是html的外观;

<a href="somelink data-toggle="tooltip" title="" data-original-title="Tarih Aralığı :
01.02.2014 - 02.03.2014
   Uygulanma Tarihi : 
04.02.2014">
    <div class="well well-sm bg-color-green txt-color-white text-center">
        II
    </div>
</a>

并删除父锚的所有href属性我使用它;

$(".bg-color-green").parent('a').remove('href')

但它不起作用,这里有什么问题?

2 个答案:

答案 0 :(得分:1)

使用removeAttr("href")而非remove("href")

另请注意,您错过了"

的结尾href="somelink

<强>演示

$(".bg-color-green").parent('a').removeAttr('href')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="somelink" data-toggle=" tooltip " title=" " data-original-title="Tarih Aralığı : 01.02.2014 - 02.03.2014 Uygulanma Tarihi : 04.02.2014 ">
  <div class="well well-sm bg-color-green txt-color-white text-center ">
    II
  </div>
</a>

答案 1 :(得分:1)

href attr设为空attr('href','')

&#13;
&#13;
$(".bg-color-green").parent('a').attr('href','');
console.log($(".bg-color-green").parent('a').attr('href'))
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="somelink data-toggle="tooltip" title="" data-original-title="Tarih Aralığı :
01.02.2014 - 02.03.2014
   Uygulanma Tarihi : 
04.02.2014">
    <div class="well well-sm bg-color-green txt-color-white text-center">
        II
    </div>
</a>
&#13;
&#13;
&#13;

或使用removeAttr()函数将其删除。

&#13;
&#13;
$(".bg-color-green").parent('a').removeAttr('href');
console.log($(".bg-color-green").parent('a').attr('href'))
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="somelink data-toggle="tooltip" title="" data-original-title="Tarih Aralığı :
01.02.2014 - 02.03.2014
   Uygulanma Tarihi : 
04.02.2014">
    <div class="well well-sm bg-color-green txt-color-white text-center">
        II
    </div>
</a>
&#13;
&#13;
&#13;