如何通过JQ获取<div class="col-sm-4 col-md-4" th:each="product : ${products}" > <div class="thumbnail" > <img th:src="@{'http://localhost:8081/img/' + ${product.imgname}+'.png'}" width="100%" height="100%"> <div class="captio的product中一个值?
时间: 2023-06-16 14:06:24 浏览: 52
你可以使用以下代码获取具有指定类名的div元素,并在其中查找具有指定类名的元素:
```javascript
$(".col-sm-4.col-md-4").each(function(){
var product = $(this).find(".product").text();
console.log(product);
});
```
其中,`.col-sm-4.col-md-4`是包含产品信息的每个div元素的类名,`.product`是你想要获取的产品信息所在的元素的类名。以上代码将迭代所有具有指定类名的div元素,并从每个div元素中获取产品信息。你可以修改代码以适应你的HTML结构和要获取的信息。
相关问题
<div id="canvas" a="XDEBUG_PEPM" style="padding-top:70px;"> <div class="boardbox"> <form class="layui-form" action="" id="typform" onsubmit="return false;"> <div class="layui-form-item singel-input"> <div class="layui-row"> <div class="layui-col-xs6 layui-col-md2"> </div> <div class="layui-col-xs12 layui-col-md2"> <div class="dataTables_filter layui-input-block" id="searchKwdiv"> <label> <input type="search" name="title" id="searchKw" class="layui-input" placeholder="输入关键字回车"> </label> </div> </div>当input输入框的值发生改变时通过jq来触发function
您可以使用jQuery的change事件来监听input输入框的值的改变,然后去调用一个JavaScript函数。例如:
```
$("#searchKw").on("change", function() {
// 在这里调用你的函数
});
```
这样当input输入框的值发生改变时,jQuery会自动触发change事件,从而执行你的函数。
如何通过JQ获取th:each="product : ${products}"的一个属性值?
假设你的HTML标签如下:
```
<ul>
<li th:each="product : ${products}" data-id="${product.id}">
<span th:text="${product.name}"></span>
</li>
</ul>
```
你可以使用以下JQuery代码来获取`data-id`属性值:
```javascript
$('li').each(function() {
var productId = $(this).data('id');
console.log(productId);
});
```
这个代码遍历每一个`li`元素,并通过`$(this).data('id')`方法获取`data-id`属性的值。