如何通过JQ获取th:each="product : ${products}"的一个属性值?
时间: 2023-06-16 18:06:40 浏览: 72
假设你的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`属性的值。
相关问题
如何通过JQ获取th:each="product : ${products}"的product中一个值?
可以通过以下代码来获取th:each中product的一个值:
```javascript
// 获取第一个product的值
var firstProduct = $("[th\\:each='product : ${products}']").first().attr("data-th-product");
console.log(firstProduct);
```
这个代码假设`th:each`的HTML元素的选择器是`[th\\:each='product : ${products}']`。我们使用`first()`来获取第一个元素,然后使用`attr()`方法来获取`data-th-product`属性的值,该属性包含了product的值。如果需要获取其他product的值,可以使用类似的方法来获取。
如何通过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中一个值?
你可以使用以下代码获取具有指定类名的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结构和要获取的信息。