jquery操作---从html中取值不同方式

jquery操作---从html中取值不同方式 2023-05-17 612

这篇主要是感谢ZW哥，是他教的我这个

方式一：

普通的通过id属性进行获取

$(#userId).val();

<input type="text" style="background:#fdfdfd;" id="userId">

复选框操作的时候使用html拼接的时候会出现多个重复的id

当其中出现多个相同的id时就不可以用了（当然也有相应的解决办法）

$(this).prop("checked") == true
var $cbx = $(this)
var name =  $cbx.attr(data-uname);

<input type="text" style="background:#fdfdfd;" data-uname="ddd" id="userId">

这样就可以使用attr得到属性中的值。。。

但是当这一元素的父元素过多时，用parent取值就太过麻烦，这时第二种方式就显得更为简单（但不见得是最好的）。。。

方式二：

<tr><td><div class="checkbox"><label><input type="checkbox" value=" + v.id + _ + v.userId + _ + v.userName + "></label></div></td>

 var arr = $(this).val().split(_);
     var
     id = arr[0],
     userId = arr[1],
     userName = arr[2];

这样的赋值取值方式就会方便很多

而且只进行一次dom操作