Question

我有同一个类的多个实例，里面有不同的值，我想编写一个jquery函数，可以获取单击的类的值。现在我的函数返回空白。

这是我的html

<div class="named" > <h5 value = "1"> value 1 </h5></div>
<div class="named" > <h5 value = "2"> value 2 </h5></div>

这是我的jquery函数

$(".named").click(function(){
console.log($(this).find("h5").val());
});

非常感谢

Answer 1

尝试：

$(".named").click(function(){
    console.log($(this).find("h5").attr("value"));
});

您应该使用data-* attributes和jQuery .data()

<div class="named"> <h5 data-value="1"> value 1 <h5></div>
<div class="named"> <h5 data-value="2"> value 2 <h5></div>

$(".named").click(function(){
    console.log($(this).find("h5").data("value"));
});

Answer 2

value不是h5标记的有效属性。您应该将其更改为data-value（html5），然后使用attr-method或jQuery数据api：

<div class="named" > <h5 value = "1"> value 1 <h5></div>
<div class="named" > <h5 value = "2"> value 2 <h5></div>

// With attr
$(".named").click(function(){
    console.log($(this).find("h5").attr("data-value");
});

// with the data api
$(".named").click(function(){
    console.log($(this).find("h5").data("value");
});

Answer 3

$(".named").click(function(){
    console.log($(this).find("h5").attr("value"));
});

标头不带值，因此他们认为它们是属性

从单击的类中的元素中获取值

3 个答案: