layui 这样写 var html = $('#show_div').prop('innerHTML'); 为啥回显不了值
时间: 2023-08-07 09:04:56 浏览: 40
如果你使用 `$('#show_div').prop('innerHTML')` 获取元素的 HTML 内容,那么得到的是一个字符串类型的值。如果要将这个值回显到页面上,可以通过以下两种方式实现:
1. 设置元素的 `innerHTML` 属性
```javascript
var html = $('#show_div').prop('innerHTML');
$('#echo_div').prop('innerHTML', html);
```
上面的代码将获取的 HTML 字符串设置到另一个元素的 `innerHTML` 属性上,从而实现了回显。
2. 创建一个新的元素,并将 HTML 字符串作为其内容插入到页面中
```javascript
var html = $('#show_div').prop('innerHTML');
var newDiv = $('<div>').html(html);
$('#echo_div').append(newDiv);
```
上面的代码中,首先创建了一个新的 `div` 元素,并将获取的 HTML 字符串设置为其内容,然后将这个新元素插入到页面中。这样也可以实现回显效果。
相关问题
var idb = $(this).prop('id');是什么意思
这行代码使用了 jQuery 的 `prop()` 方法获取当前元素的 `id` 属性值,并将其保存到 `idb` 变量中。
具体来说,`$(this)` 表示当前被选中的元素,`prop('id')` 表示获取该元素的 `id` 属性值。`$(this).prop('id')` 可以用来简化 `$(this).attr('id')`,并且在处理 `id` 属性时,推荐使用 `prop()` 方法。
$("#allclick").click(function(){ var ck=$(this).prop("checked"); $("[name='product']").eath(function(){ $(this).prop("checked",ck); }); });
这是一段 jQuery 的代码,实现了一个全选/全不选的功能。当一个 id 为 "allclick" 的 checkbox 被点击时,它的状态会被获取,并通过 $("[name='product']") 获取所有 name 属性为 "product" 的 checkbox,然后将它们的状态都设置为与 "allclick" 相同。具体解释如下:
- 当 id 为 "allclick" 的 checkbox 被点击时,会触发 click 事件。
- 通过 .prop("checked") 获取 "allclick" 的状态,true 表示选中,false 表示未选中。
- 通过 $("[name='product']") 获取所有 name 属性为 "product" 的 checkbox。
- 通过 .prop("checked",ck) 将所有 "product" checkbox 的状态设置为与 "allclick" 相同。ck 是 "allclick" checkbox 的状态,所以所有 "product" checkbox 的状态都会被设置为与 "allclick" 相同。