Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

jQuery: Select links that do not contain a period.

Posted on 2013-06-07
2
392 Views
Last Modified: 2013-06-07
Using jQuery, how can I add a condition so that this is not matched if the link contains a period?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Demo</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {

    $('a[href]').each(function () {
        $(this).css('background','yellow');
    });

    $('a[href]').not('[href^="http"],[href^="mailto:"],[href^="/"],[href^="#"]').each(function () {
        $(this).css('background','red');
    });

});

</script>

</head>
<body>


<p>

<a href="#hello">Yellow</a>
<a href="world">Red</a>
<a href="mailto:email@example.com">Yellow</a>
<a href="/">Yellow</a>
<a href="test.html">Yellow</a>


</p>


</body>
</html>

Open in new window

0
Comment
Question by:hankknight
2 Comments
 
LVL 82

Accepted Solution

by:
leakim971 earned 400 total points
ID: 39229144
0
 
LVL 10

Assisted Solution

by:Ishaan Rawat
Ishaan Rawat earned 100 total points
ID: 39229155
Try this...

$("a[href*="."]").each(function() {
     // do as your wish with the a elements having . in their href...
});

Open in new window


or if you just want to add CSS... then you can do that by CSS to..

a[href*="."]{
     // do as your wish with the a elements having . in their href...
}

Open in new window

0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Lazy load not working with masonry js 1 22
Can't get js include to work in html file 8 20
PHP and JQuery Syntax question 4 26
AJAX Wordpress Not Reading Variable 2 27
DOM Attributes and Properties treatment with jQuery 1.6 by Ivo Stoykov jQuery (http://jquery.com/) 1.6 introduces .prop() (http://api.jquery.com/prop/) and .removeProp() (http://api.jquery.com/removeProp/) methods which allow modifying or removi…
Hi all! Recently there was EE question and the person wanted to have a multi-column textbox <div> selection, so as a first step to answer I provided a link but that was not complete with JavaScript selection, but had a good style sheet. So as a ques…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question