結論:
1、屬性值是變數時,$("div[屬性 = "+變數+"]");
2、屬性值是變數時,$(`div[屬性 = ${變數}`);
3、多屬性選擇器時,$("div[屬性一 = 屬性值一 ][屬性二 = 屬性值二]");
案例:
<div data-value="test" data-status="on">div_test_on</div>
<div data-value="test" data-status="off">div_test_off</div>
<script src="lib/jquery.min.js"></script>
<script>
// 1、普通的選擇方式 div[屬性 = 屬性值]
var div_test_1 = $("div[data-value = 'test']").text();
console.log(div_test_1); // div_test_ondiv_test_off
// 2、屬性值是一個變數 div[屬性 = "+屬性值變數+"]
var data_value = "test";
var div_test_2 = $("div[data-value = "+data_value+"]").text();
console.log(div_test_2); // div_test_ondiv_test_off
// 3、屬性值是一個變數 div[`屬性 = ${屬性值變數}`]
var div_test_3 = $(`div[data-value = ${data_value}]`).text();
console.log(div_test_3); // div_test_ondiv_test_off
// 4、多屬性選擇 div[屬性一][屬性二]
var div_test_off = $("div[data-value = '"+data_value+"'][data-status = 'off']").text();
console.log(div_test_off); // div_test_off
</script>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/291497.html
標籤:其他
下一篇:基于SSM實作保健院管理系統
