$(‘a[href$=”ABC”]’)… Selector documentation can be found at http://docs.jquery.com/Selectors For attributes: = is exactly equal != is not equal ^= is starts with $= is ends with *= is contains ~= is contains word |= is starts with prefix (i.e., |= “prefix” matches “prefix-…”)
You can call .prop(“tagName”). Examples: jQuery(“<a>”).prop(“tagName”); //==> “A” jQuery(“<h1>”).prop(“tagName”); //==> “H1” jQuery(“<coolTagName999>”).prop(“tagName”); //==> “COOLTAGNAME999” If writing out .prop(“tagName”) is tedious, you can create a custom function like so: jQuery.fn.tagName = function() { return this.prop(“tagName”); }; Examples: jQuery(“<a>”).tagName(); //==> “A” jQuery(“<h1>”).tagName(); //==> “H1” jQuery(“<coolTagName999>”).tagName(); //==> “COOLTAGNAME999” Note that tag names are, by convention, returned CAPITALIZED. If … Read more
Quick and easy: function preload(arrayOfImages) { $(arrayOfImages).each(function(){ $(‘<img/>’)[0].src = this; // Alternatively you could use: // (new Image()).src = this; }); } // Usage: preload([ ‘img/imageName.jpg’, ‘img/anotherOne.jpg’, ‘img/blahblahblah.jpg’ ]); Or, if you want a jQuery plugin: $.fn.preload = function() { this.each(function(){ $(‘<img/>’)[0].src = this; }); } // Usage: $([‘img1.jpg’,’img2.jpg’,’img3.jpg’]).preload();
You can programmatically get the image and check the dimensions using Javascript… const img = new Image(); img.onload = function() { alert(this.width + ‘x’ + this.height); } img.src=”http://www.google.com/intl/en_ALL/images/logo.gif”; This can be useful if the image is not a part of the markup.
$(“ul[data-group=’Companies’] li[data-company=’Microsoft’]”) //Get all elements with data-company=”Microsoft” below “Companies” $(“ul[data-group=’Companies’] li:not([data-company=’Microsoft’])”) //get all elements with data-company!=”Microsoft” below “Companies” Look in to jQuery Selectors :contains is a selector here is info on the :contains selector
Given that you also want to cover tabs, newlines, etc, just replace \s\s+ with ‘ ‘: string = string.replace(/\s\s+/g, ‘ ‘); If you really want to cover only spaces (and thus not tabs, newlines, etc), do so: string = string.replace(/ +/g, ‘ ‘);
You really don’t need jQuery for this. var myarr = [“I”, “like”, “turtles”]; var arraycontainsturtles = (myarr.indexOf(“turtles”) > -1); Hint: indexOf returns a number, representing the position where the specified searchvalue occurs for the first time, or -1 if it never occurs or function arrayContains(needle, arrhaystack) { return (arrhaystack.indexOf(needle) > -1); } It’s worth noting … Read more
To get all the elements starting with “jander” you should use: $(“[id^=jander]”) To get those that end with “jander” $(“[id$=jander]”) See also the JQuery documentation
You can use document.getElementById(‘divId’).className.split(/\s+/); to get you an array of class names. Then you can iterate and find the one you want. var classList = document.getElementById(‘divId’).className.split(/\s+/); for (var i = 0; i < classList.length; i++) { if (classList[i] === ‘someClass’) { //do something } } jQuery does not really help you here… var classList = … Read more
Use each: ‘i‘ is the postion in the array, obj is the DOM object that you are iterating (can be accessed through the jQuery wrapper $(this) as well). $(‘.testimonial’).each(function(i, obj) { //test }); Check the api reference for more information.