Question

$(this).parent().children(".select-val").html($(this).find("option:selected").text()); });

$("select").change(function(){
$(this).parent().children(".select-val").html($(this).find("option:selected").text());
});
});
这个到底是什么意思呢？this指的是".select-val"这个吗？我百度了下，找到html() 方法返回或设置被选元素的内容 (inner HTML)。如果该方法未设置参数，则返回被选元素的当前内容，那么这个参数是这个this指的".select-val"吗？如果是那这个find又指什么呢？

Answer 1

$(this)指的是这个当前select，$(this).find("option:selected").text()是找到这个下拉框被选中的option标签的值，$(this).parent()找到这个select框的父级元素，$(this).parent().children(".select-val")是再找到这个父级元素下的名为select-val的元素，所有，整个代码的意思是：找到下拉框的被选中的值，将这个值写在这个下拉框的父级下面名为select-val的元素内。

Answer 2

this为修改状态的select
$(this).parent().children(".select-val").html($(this).find("option:selected").text());
的含义为：将修改状态的select的父元素的class为select-val子元素的html代码改为修改后的select的显示值
如一个select列表里有a,b,c三个选项
如果选了b，则指定的.select-val元素的html改为b

Answer 3

$(this)指的是$(select),也就是这函数的对象；find() 方法获得当前元素集合中每个元素的后代

Answer 4

$(this)指的是$('select')吧