Мне нужно изменить содержание href на #, где REL - это тег. Могу ли я сделать это с помощью jQuery в теме WordPress?
Эй, ребята, мне нужна ваша помощь.
Мне нужно изменить содержание HREF на #, где REL из <a>
это "тег". Могу ли я сделать это с помощью jQuery в теме WordPress?
Спасибо
2 ответа
Это можно сделать с помощью следующего (при условии, что ничего не исключено, что, как я подозреваю, может быть...):
$('a[rel="tag"]').attr('href', '#');
$('a[rel="tag"]').attr('href', '#');
a::after {
content: ' (attr: ' attr(href)', rel: ' attr(rel)')';
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li><a href="http://www.example.com/" rel="tag">link1</a>
</li>
<li><a href="http://www.example.com/" rel="notTag">link2</a>
</li>
<li><a href="http://www.example.com/" rel="tag">link3</a>
</li>
<li><a href="http://www.example.com/" rel="something entirely different">link4</a>
</li>
<li><a href="http://www.example.com/" rel="tag">link5</a>
</li>
</ul>
Или без jQuery:
[].forEach.call(document.querySelectorAll('a[rel="tag"]'), function (aElement) {
aElement.setAttribute('href', '#');
});
[].forEach.call(document.querySelectorAll('a[rel="tag"]'), function (aElement) {
aElement.setAttribute('href', '#');
});
a::after {
content: ' (attr: ' attr(href)', rel: ' attr(rel)')';
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li><a href="http://www.example.com/" rel="tag">link1</a>
</li>
<li><a href="http://www.example.com/" rel="notTag">link2</a>
</li>
<li><a href="http://www.example.com/" rel="tag">link3</a>
</li>
<li><a href="http://www.example.com/" rel="something entirely different">link4</a>
</li>
<li><a href="http://www.example.com/" rel="tag">link5</a>
</li>
</ul>
Вот один из способов. Это изменит тег href всех элементов "a" на адрес Google.
$ ("a"). attr ("href", " http://www.google.com/")
Чтобы выбрать только один, вы должны дать ему идентификатор и изменить его следующим образом.
$ ("# theNameOfYourIdHere"). attr ("href", " http://www.google.com/")