javascript - 使用jquery单击按钮时如何选择类或id

Question

我的带有 class="vote"的 div 是

<div class="vote">
<input type="hidden" name="q_id" class="q_id" id="q_id" q_id="{{ result.object.id }}" value="{{ result.object.id }}">
<button type="submit" class="downvote" value="downvote">downvote</button>

在我的html页面上有几个这种类型的div，

我使用 jquery 的 ajax 调用是

$('.downvote').click(function() {
var q_id=$(this).attr('q_id')
console.log(q_id)
$.ajax( {
    type: 'GET',
    url:"http://127.0.0.1:8000/q/downvote/",
    data:q_id,
    success: searchSuccessDown,
    dataType: 'html'
});
});
function searchSuccessDown(data) {
console.log('downvoted successfully');}

我是新手，我的问题是当点击一个向下投票按钮时(页面上有几个向下投票按钮)如何为相应的 div 选择带有 id="q_id"或 class="q_id"的输入标签 class= “投票”并通过 ajax 数据传递其值(value)。

Answer 1

一种方法是获取父元素(即投票 div)，然后在其中找到 q_id 元素:

var q_id = $(this).parent().find('.q_id').val();

这是一个快速的 fiddle : https://jsfiddle.net/1m56g6jL/