How to Create a Script to Automate Link Exchange in Html?
I'm Performing Maintenance on a System That Has Hundreds of Links on One Page as Follows: Revista Alvo Note That There Is Text Outside the a Tag. What I Want...
I'm performing maintenance on a system that has hundreds of links on one page as follows:
<li> Revista alvo <a href=""> </a> </li>Note that there is text outside the a tag. What I want to do, put this text inside the a tag with your supposed href, the example above would look like this:
<li> <a href=""> Revista alvo </a> </li>I'm doing this change in hand but there are hundreds and hundreds of links, which makes the task tiring. Does anyone have any idea how I can script to do this? It can be in any language, PHP,JS etc.
1 Answer
As you regarded, the text is HTML format, so you can easily, edit the HTML file and use jquery to apply changes to the dom like the following:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src=""></script>
</head>
<body>
<ul id="linksList">
<li> Revista alvo <a href=""> </a> </li>
<li> Revista alvo <a href=""> </a> </li>
<li> Revista alvo <a href=""> </a> </li>
<li> Revista alvo <a href=""> </a> </li>
<li> Revista alvo <a href=""> </a> </li>
<li> Revista alvo <a href=""> </a> </li>
<li> Revista alvo <a href=""> </a> </li>
<li> Revista alvo <a href=""> </a> </li>
<li> Revista alvo <a href=""> </a> </li>
<li> Revista alvo <a href=""> </a> </li>
<li> Revista alvo <a href=""> </a> </li>
</ul>
<a href="#" id="changeIt">Change</a>
<script>
$(document).ready(function(){
$("#changeIt").click(function(){
$("#linksList li").each(function(){
txt = $(this).text().split(' )[0].trim();
lnk = $(this).children('a').text(txt)
$(this).html(lnk)
})
})
})
</script>
</body>
</html>
The edit should include,
- include jquery
- give the
ulorolthat contains thelian id - use the code supplied in the latter
scripttag which consider the given id to the list islinksList - HTML link with id
changeItto invoke the code.
Maya is a hardware enthusiast who tests and reviews smart home devices, smartphones, wearables, and audio gear. She focuses on practical consumer value and build quality.
