CODEWITHSUNDEEP
javascripthtmljquery
TyForHelpDude
TyForHelpDude

Reputation: 5002

removing parent href attributes of certain div elements

I have a table contains rows that contains anchor elements This anchor elements contains div elements and I want to remove 'href' attributes of certain anhcor whose child div elements class contains 'bg-color-green'.

here is how html looks;

<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>

and to remove all href attributes of parent anchors I use this;

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

but it doesnt work, whats problem here?

Upvotes: 1

Views: 156

Answers (2)

Kiran Shahi
Kiran Shahi

Reputation: 7980

set href attr empty with attr('href','').

$(".bg-color-green").parent('a').attr('href','');
console.log($(".bg-color-green").parent('a').attr('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>

or remove it with removeAttr() function.

$(".bg-color-green").parent('a').removeAttr('href');
console.log($(".bg-color-green").parent('a').attr('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>

Upvotes: 1

Carsten L&#248;vbo Andersen
Carsten L&#248;vbo Andersen

Reputation: 27041

Use removeAttr("href") and not remove("href")

also please note that you are missing the end " at href="somelink

demo

$(".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>

Upvotes: 1

Related Questions