Question

< 强度 > Jquery

  var courseSelect =  $(".courseSelected");
    $(".courseSelected").click(function()
    {
        if($(this).attr( checked ))
        {
            var selects = $(this).parent().next(".select").attr( title );
            alert(selects);
        }
    });

< 强 > HTML

         <div>
            <div style="float:left;">
                <input name="course[]" type="checkbox" value="AUTOCAD" class="courseSelected" />
            </div>

            <div style="width:100px; float:left;">AUTOCAD</div>
            <select name="fromto[]" class="select small" disabled="disabled" title="Batch">
                <option value="">--Select--</option>
                <option value="May 2012,June 2012">Autocad 1(11:30 AM)</option>
                <option>Batch Name</option>
            </select>
        </div>

通过选择要找到选中元素的复选框, 我尝试过与最亲近的元素和父元素(. next ()) 一起尝试过, 但在这种情况下似乎行不通。

Answer 1

...
if($(this).attr( checked ))  {
    var selects = $(this).parent().parent().find(".select").attr( title );
    alert(selects);
}
...

$(this)          /* checkbox */
.parent()        /* div parent */
.parent()        /* div granfather */
.find(".select") /* look for .select */
.attr( title );  /* get title */

总之,为了简单起见,如果你能控制标记......我会把你的标记换成这样

<input name="course[]" type="checkbox" ... data-related-select="yourselect" />
...
<select id="yourselect">
...

所以js代码只是

var selects = document.getElementById($(this).data( related-select ));

Answer 2

 $(".courseSelected").click(function(){
        if(this.checked){
            var selects = $(this)
                                 .parent() // go to checkbox parent
                                 .next() // jump to div have AUTOCAD
                                 .next(".select") // to select box
                                 .attr( title ); // retrieve the title
            alert(selects);
        }
 });

Answer 3

查找最接近对象头一类 - Jquery

$(this).parent().parent().find( .show-all-result ).first().show();

友情链接