jquery-selectors

问题 I have been told to use JS to resolve my issue: My issue is that I have 2 divs content and sidebar with the height set to 100%, I have a footer located underneath. My issue is that on my laptop I would like the page to show without a scroll and on a full page3, if there is more data the page will then require a scroll. How could I set the div height determined to my screen resolution? 回答1: You can do this in pure HTML/CSS - no JavaScript required. What you're after is a cross-browser sticky

问题 Whats a good way to select elements by their name using wildcards? The website has element names in the form of <a_1786439></a_1786439> which are likely auto-generated. This is doable by xpath, but is it doable using css selectors or jquery selectors which are faster? This is clearly terrible-coding, but the website is not mine, and I'm writing a userscript for it. 回答1: This doesn't exist in CSS3, as the spec's section on type selectors only includes names and wildcards, but no combinations

问题 I've selected the following element. What's the best way to get the class name icon_23123? <div class="icon icon_23123"></div> Is there something like [class^="icon_"] to select attributes instead of elements? Or should I get all the class names, and loop through to find one that begins with icon_? EDIT: I want to write a function that gets any class name starting with icon_, and only those class names. Ultimately, I want to get the portion after the underscore, but it's not necessarily

问题 In the html page shown,where is window.onbeforeunload = confirmExit code to be placesd so that when validate div is shown the alert message does not appear when the user clicks on cancel or save button.And if the user clicks or any other link the alert message should be shown If any other link is clicked makeajaxcall() function should be called and then continue <div id="start" ></div> <div id="validate" > <input type="button" /value="cancel" onclick="window.locatcation='cancel()'"> <input

问题 I'm working on a "slider". I have a main ul for the main content (e.g., images), as well as a second ul for a thumbnail carousel. Click a thumb (or a prev / next) and I transitions from the current li (read index) to the clicked li using this line: cacheMainImagesList.siblings('li').eq(currentIndex).fadeOut(opts.imageOutDuration, function(){cacheMainImagesList.eq(displayThisIndex).fadeIn(opts.imageInDuration)}); I'm not acting on the images themselves because I'm shooting for a content slider

问题 Here's a snippet of code I saw on the web and I'm wondering if the <p/> is a typo or what 'config' : { 'content' : $('#topGlobal') }, topGlobal.$content= topGlobal.config.content; topGlobal.$sections = topGlobal.$content. find('ul.sections > li'); topGlobal.$side_nav = $('<p/>') .attr('id','side_nav ') .prependTo(topGlobal.$content); topGlobal.$item_nav = $('<p/>') .attr('id','item_nav') .insertAfter(topGlobal.$side_nav); ... The <p/> is repeated in several additional parts of this code. This

问题 I have the following HTML; <p class="postcontent"> <img src="#"> Some Text </p> I want to be able to hide only the text. So far I have this; jQuery(function($) { $(".postcontent").$('[type=text]').hide(); }); Edit: I don't have any control over the html so I need to add it by Jquery. 回答1: You can wrap the text on the FLY and then hide it: HTML: <p class='postcontent'> <a href=#> dsds </a> aaa </p> Javascript: $('.postcontent').contents().filter(function() { return this.nodeType == 3; }) .wrap

问题 As seen here the selectors id #username is binded twice and nested. In the first binding, the value can be set with $(this).val(); and the be used in the second, nested binding for the Semantic-UI API. But what if I have several elements like element_1 , element_2 etc? Right now, I'm using this code, but the event is fired for each element that matches the wildcard [id^=unbind_] and not only (like it should be) for the clicked element: $(document).on('click','[id^=unbind_]', function(){ var

问题 I have the following html: <!-- MainMenu --> <ul class="main-menu"> <li><a href="About/xxxxx">About</a></li> <li><a href="Services/xxxxx">Services</a></li> <li><a href="Portfolio/xxxxx">Portfolio</a></li> </ul> <!-- /MainMenu --> <!-- MainMenu --> <ul class="sub-menu"> <li><a href="xxxxx/subpage1.html">About Main</a></li> <li><a href="xxxxx/subpage2.html">About Main</a></li> <li><a href="xxxxx/subpage3.html">About Main</a></li> </ul> <!-- /MainMenu --> And following jQuery, which already cut

问题 i am creating a dynamic text box of input type with the help of following code i am not able to set the focus on the input type. var elem = document.createElement("input"); elem.type = "text"; elem.id = "txtParent"; elem.setAttribute('onblur', 'SetSpanValueForParent("' + spnText.id + '")'); $(elem).focus(); $(spnText).append(elem); i have also tried doing this elem.focus(); can u provide that one line statement how can i achieve this 回答1: You first need to append the input, before setting the