jquery-selectors

问题 I have dynamically generated div tags which looks something like this: <div class="widget widget_1"> <div class="widget_header widget_header_1"></div> <div class="widget_sub_header widget_sub_header_1"></div> <div class="widget_content widget_content_1"></div> <div class="widget_footer widget_footer_1"></div> <div> <div class="widget widget_1"> <div class="widget_header widget_header_1"></div> <div class="widget_sub_header widget_sub_header_1"></div> <div class="widget_content widget_content

问题 Thanks to karim79 i am able to click on the ImageButton and apply the Jquery highlight effect to a different div $("#btnFavorite").click(function() { // selector for element to highlight $("#theDiv").effect("highlight", {}, 3000); }); Now i would like to extend the question as follows. I add the ImageButtons to the webpage dynamically, and i would like to apply the effect on the div for every ImageButton click. <asp:ListView ID="ListView1" runat="server"> <layouttemplate> <asp:PlaceHolder id=

问题 I'm trying to make some Javascript that shows/hides rows in a data table based on the content of the 4th cell. Table is as follows: DATE | DESCRIPTION | PRICE | PHONE | STATUS | ----------------------------------------------- xxx | yyyyyyyyyyy | 3243 | 32553 | Finished | xxx | yyyyyyyyyyy | 3243 | 32553 | Suspeded | xxx | yyyyyyyyyyy | 3243 | 32553 | Active | xxx | yyyyyyyyyyy | 3243 | 32553 | Finished | And I have the following code on the onChange function of a dropdown: function

问题 The problem I'm having is that when I click on the LIKE div it opens all textboxes It needs to display only the one textbox on the click event. Here is the example html: <div id="sublike-1">Like</div> <div id="sublike-form-1"><input type="text" /> Save</div> <div id="sublike-2">Like</div> <div id="sublike-form-2"><input type="text" /> Save</div> <div id="sublike-3">Like</div> <div id="sublike-form-3"><input type="text" /> Save</div> My Jquery: // Display Sub Like form $(this).find("div[id^=

问题 In my page, I have three input fields, " start date ", " end date " and " colors " drop-down menu,like follows: <label>Start date (yyyy-mm-dd):</label> <input id='start_date' type='text'></input> <br> <label>End date (yyyy-mm-dd):</label> <input id='end_date' type='text'></input> <br> <label>Color:</label> <select id="color"> <option value="white" selected="selected">White</option> <option value="black">Black</option> <option value="red">Red</option> <option value="green">Green</option>

问题 I am trying to select all elements on the page which have the string 'aggr' as part of their id value. Then I am trying to replace the text 'Sum 'in these elements to 'Total'. My JQuery is below but doesn't seem to be working.... $('TBODY[id*=aggr]').each(function(i){ var aggrHTML = $('TBODY[id*=aggr]'); var aggrText = aggrHTML.text(); var newText = aggrText.replace("Sum","Total Holiday Leave") aggrHTML.html(newText); }); 回答1: Try this: $('TBODY[id*=aggr]').each(function(i){ $(this).html($

问题 This code results in an error at second line ($('boxes div.box')) <script type="text/javascript"> $(document).ready(function () { boxes = $('#boxes div.box'); images = $('#images > div'); boxes.each(function (idx) { $(this).data('image', images.eq(idx)); }).hover( function () { boxes.removeClass('active'); images.removeClass('active'); $(this).addClass('active'); $(this).data('image').addClass('active'); }); }); </script> The error is "Object doesn't support this property or method" . The

问题 I am wanting to hide search results on http://ThePirateBay.se that contain less than 250 seeds . My problem is, I am not sure how to use the filter option to detect the seeds element, but also hide the parent element when the number range is detected. The second half doesn't work. Help is appreciated. $(document).ready(function(){ var tds=$("td").filter(function() { if($(this).text()>250&&$(this).text()<25000){ return this; } }); tds.css( {"text-decoration":"underline" , "color":"#383"}); });

问题 I would like to style a elements that are not in a certain id. For example, let's say this is my HTML: <div id="boat"> <a href="#">I'm in a boat! ☻</a> </div> <a href="#">☹</a> Now, let's say I only want to style the a element that's not in a boat. I expected something similar to a:hover:not(#boat a) to work, but alas, it doesn't. Is there a way I can do what I want to do? 回答1: When it comes to jQuery selectors a:hover will select all the a elements which have the CSS pseudo class :hover

问题 I want to select a link with some text then I put: $("a[text='some text']") But didn't work, then I want to test selecting all links from a page. $("a") But this jquery select instruction only gave me the first or maybe the most important link of the page. Why? An example is here: Thanks in advance. 回答1: Coding Horror does not make use of jQuery: there is no reference to the library in the source. If you tried jQuery('a') instead, you would receive an error stating that jQuery is not defined