jq 获取data-id的title值
时间: 2023-10-06 19:05:16 浏览: 73
假设你有以下 HTML 代码:
```html
<div class="item" data-id="123" title="这是一个标题">内容</div>
```
你可以使用以下 jq 命令获取 data-id 的 title 值:
```bash
$ jq '.item[data-id="123"] | .title' file.html
```
其中,`.item[data-id="123"]` 选择器用于选择 `data-id` 属性值等于 `123` 的 `.item` 元素,`.title` 用于获取该元素的 `title` 属性值。你需要将 `file.html` 替换为你的 HTML 文件路径。
相关问题
fastadmin 使用selectpage时 <input id="c-title" data-rule="required" data-source="product/selectpage" data-field="title" data-primary-key="title" data-order-by="weigh" class="form-control selectpage" name="row[title]" type="text"> jq监听这个下拉怎么获取产品的价格
你可以使用以下代码来获取产品价格:
```javascript
// 监听选择框的变化
$('#c-title').on('select2:select', function (e) {
var data = e.params.data;
// 发送ajax请求,获取产品价格
$.ajax({
url: 'product/getPrice',
type: 'POST',
data: {
title: data.id
},
success: function (result) {
// 将价格填充到页面中
$('#c-price').val(result);
}
});
});
```
在上面的代码中,我们使用了select2插件来实现下拉框选择。当下拉框中的选项发生变化时,我们使用ajax请求来获取产品价格,并将价格填充到页面中的 `#c-price` 元素中。请注意,这里的 `product/getPrice` 是一个示例接口,你需要根据实际情况进行修改。
jq attr
在 jQuery 中,attr() 方法用于获取或设置 HTML 属性的值。它的语法如下:
```javascript
// 获取属性值
$(selector).attr(attribute)
// 设置属性值
$(selector).attr(attribute, value)
```
其中,selector 是要操作的元素选择器,attribute 是要获取或设置的属性名称,value 是要设置的属性值。
例如,要获取 id 为 myElement 的元素的 title 属性值,您可以使用以下代码:
```javascript
var title = $("#myElement").attr("title");
```
要设置该元素的 title 属性值,您可以使用以下代码:
```javascript
$("#myElement").attr("title", "New Title");
```
请注意,您还可以使用 attr() 方法来设置多个属性,例如:
```javascript
$("#myElement").attr({
"title": "New Title",
"data-color": "red"
});
```
这将设置元素的 title 属性和 data-color 属性。
阅读全文