closest

I have a large HTML form with multiple input fields (one in each row). Among these I have several fields with a specific class that appear left from a button. There are no other buttons or fields in these rows so they only contain the field and button as below. How can I get the ID of such a field when clicking on the button right from it, i.e. closest to it ? All fields in question look like this: <input type="text" class="dateField" data-date-format="yyyy-mm-dd" id="field1" name="field1" /> All buttons in question look like this: <button type="button">Select Date</button> Thanks for any help

I am trying to do make some text show when a text input is on focus, but the closest(); method doesn't seem to be working. I have done a JS Fiddle for you to look at. and here is the code also. JS $(document).ready(function(){ $('.validation-error').hide(); $('.name-input').on("focus", function(){ $(this).closest('.validation-error').show(); }); }); HTML <fieldset> <legend>User Details</legend> <table> <tr> <td width="200"> <label for="user"><span class="required-fields">*</span> User Name</label> </td> <td> <input type="text" id="user" class="name-input"> </td> <td> <p class="validation-error

using jquery, how would i find the closest match in an array, to a specified number For example, you've got an array like this: 1, 3, 8, 10, 13, ... What number is closest to 4? 4 would return 3 2 would return 3 5 would return 3 6 would return 8 ive seen this done in many different languages, but not in jquery, is this possible to do simply You can use the jQuery.each method to loop the array, other than that it's just plain Javascript. Something like: var theArray = [ 1, 3, 8, 10, 13 ]; var goal = 4; var closest = null; $.each(theArray, function(){ if (closest == null || Math.abs(this - goal)

jquery获取父元素 方法比较多，比如parent()，parents()，closest()这些都能帮你实现查找父元素或节点，下面我们来一一讲解： 先举个例子， 1. < ul class = "parent1" > 　　2. < li >< a href = "#" id = "item1" >jquery获取父节点</ a ></ li > 　　3. < li >< a href = "#" >jquery获取父元素</ a ></ li > 　　4. </ ul > 我们的目的是通过 id 为 item1 的便签a取到 class 为 parent1 的ul元素，有以下几种方法： 1、parent([expr]) 取得一个包含着所有匹配元素的唯一父元素的元素集合。 你可以使用可选的表达式来筛选。 代码如下 1. $( '#item1' ).parent().parent( '.parent1' ); 2、:parent 匹配含有子元素或者文本的元素 代码如下 　　1. $( 'li:parent' ); 3、parents([expr]) 取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。 代码如下 　　 1. $( '#items' ).parents( '.parent1' ); 　　4、 closest([expr])