jquery - 下面的代码在 jquery 中返回什么？

Question

$("#para").text('')
.append($("input.selected").map(function() {
return $(this).val() || null;
}).get().join("<br/> "));

这里的目的是 $(this).val() || null;什么？

Answer 1

val()将输入的值作为字符串返回。空字符串是 JS 中的假值，这意味着如果字符串为空，那么它将评估为假。||如果前一个条件为假，OR 短路运算符将评估其后的代码。null因此，如果值为空，则该代码正在执行的操作是返回。

Answer 2

$.map() ... 将 input.selected 的值映射到一个数组.. 并将join它们与<br>.

将数组或对象中的所有项转换为新的项数组。

因此，您的代码将值（如果存在）或input带有类的 NULL 附加selected到具有 id 的元素para

例子..

<div id="para"></div>

<input class="selected" value="test"/>
<input class="selected" value="test2"/>
 <input class="selected" value=""/>  // || NULL works here so returns null

上面的函数将附加这个

test <br> test2

到#para

最后结果

<div id="para">test <br> test2</div>  //result is the same