I need to filter out elements without an adjacent visible element on ID. With $(" td:regex(id, ^\d):visible") I get all element visible in the table but not sure how I would go about and filter out the element with adjacent element and his self that is visble.
Concider below table, here both 1 and 1_1 are visible but 2 is and 2_1 is not visible.
I need to filter out 1 and 1_1 as they are both visible and only keep 2 in my selection.
What's the best simple way to filter elements by their index similar to the nth-of-type equation an+b , regardless of parent and node type? Something like...
$("input").filter(":nth-of-set(3n+1)")
... to filter every third input element (3n) starting with the first one (+1).
I am running into an effect issue with IE only. I have a <UL> with about 4 <LI> and I apply the fadeIn() on individual <LI> based on user actions. Inside of each <LI> I have a div that is styled with: -moz-opacity:.8; opacity:0.80; filter:alpha(opacity=80); The problem is that when I fadeIn() the <LI> all of its children elements' opacity is taken from 0 to 100%, AND THEN the div that is styled with the opacity is taken back to 80%. This causes sort of a flicker because it goes from 0% to 100% and then quickly back to 80%. Is there a way to get around this? Is that a known bug? I saw some people that had posted similar questions but without answers: [URL] I am pressed for time to deliver a page and this is virtually the only issue holding me back! additional info: using: jquery-1.3.2.min.js
How can I manipulate all the radios in a div? For example say I have 2 div and both have a couple of radio buttons and everyone has different names. Say I wanted to manipulate only the radios in one of the div's how could achieve that?
I'm having some real difficulty figuring out how to manipulate xml data with jquery. Here is my situation. I have a hidden TextArea that contains xml data, something like this:
So, let's say I want to remove the item with value='1'.
1) I grab the value of the textarea:
var xml = $("#" + id).val();
2) I then find the node and remove it:
$(xml).find("item[value='123']").remove();
Problem is, it doesn't remove anything! It finds the node just fine,but the remove() function doesn't seem like it is doing anything. I've tried looping through eacy item $('item',xml).each(function.... ); and then calling remove(); but that does not work either.
I'm new at applying jquery and I'm currently trying to change the text of a <text> object within an embedded .svg using jquery. But whatever I do it seems to fail.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> <html>
For some reason my loadFirstPage in the following code is unable to find the dynamically created list items built up in the buildGallery function. I have a button in the extended code that calls the loadFirstPage function on a click which works perfectly when I click it
var buildNavi = function(){ var naviTemplate ='<li class="prev"><a href="#" title="Previous">Previous</a> </li><li><span class="current"></span><span class="total">
Is there a non-structure specific way of finding the next element with a given class? for example you have a structure of:
When you click on the link in container1 the expected behavior is to change the css on a1 in container2 but not in container1 or container3. I have tried playing with parent, next and filter without success. this is the best I have is:
How can I make <td>yes</td> To this <td><img src="yes"/></td> with jQuery. I must search. I had to look after but yes, and then replace it with other content? But how can I do that?
i'm trying to manipulate dynamic textboxes using jquery such that when the value of the textbox_1 is, say, 'abcd' a new text box textbox_2 would be introduced and when the value of textbox_2 is again 'abcd' a third one is introduced and so on. ive managed to do this with the following code, but with a little problem.
$(document).ready(function(){ var cnt = 1; $("#inpu_"+cnt).keyup(function () {
[code]...
the problem is that although textbox_2 is displayed instantaneously, the 3rd and 4th does not when the value of textbox_2 is 'abcd'. but they are displayed as soon as a key is pressed in the original textbox (textbox_1). that is the 3rd one is displayed when textbox_2's value is 'abcd' and a key is pressed while inside textbox_1. and so on. [edit 1] btw, inside body tag ive created a div and given the id content. and inside it is the textbox_1 with the id 'inpu_1'. the original one that is.
I'm trying to manipulate items in a table using jQuery, using the parent() and children() methods of the "this" object. I think I'm not understanding how to use the parent and children methods correctly.
What I want the code to do is to show the list and button within the <td></td> when clicked on, and then hide it when the newly shown button appears.
I have tables catecogires and subcategories in database. When user add article, he select categorie from select tag and under that tag appears another select tag with subcategories of selected category. Code in jquery:
$("#ka").change(function(){ function PostaviPodatke(podaci){ $("#pka1").show();
[code]....
But this doesn't works. I tested script uzmi_podkategorije.php and it works fine, so problem is in ajax.
I'm currently working on a form where an entire HTML page is returned via the .ajax method. I would like to display only the content of the div with the id "content" (of the page returned) in the div with the id "result" (in the calling page). Here is my current script :
I have a grammar check on the server that can grammar check text... big surprise there. It'll return a list of match problems, along with the positions in the text that are flawed. It'll also send the grammar rule that was broken in plain english, to help someone fix it.
So we have a list of these basically:
What I'd like to do is apply different styles to the text inside of the <textarea> for all these positions (5 to 10 in the case above, but I'm going to have a list of these).
I also want to make it so if a user hovers on top one of these problems, I can show a tooltip that contains the "message" property.
Each anchor is unique, but the title attribute may match the exact title of one or more images. Where a match is found, either once or more, the title text is copied - once - into the anchor element.
I would like to copy/clone the html DOM from "id1" to variable "tblContent",and remove the tag "<script>" and "<a>" from variable "tblContent", then append the html DOM to "id2" but not working...any error of my code? [code]
I would to achieve the same result of the below function without using callbacks . The function is: $("#user-options-menu").find('a').each(function() { // now I want to filter any <a> tag with <li> parent if (!($(this).parent().is('li'))) { $(this).button(); }}); I've tried with$("#user-options-menu").find('a:not(li:parent)') but without result.