Question

点击taskYes图标后，我需要使用inputMins类获取输入值

<form method="post" action="">
    <span class="taskTitle">
        <input id="newInput" type="text" /> 
        <button class="taskYes"></button>
    </span>

    <span class="taskMinutes">
        <input class="col-md-2 inputMins" type="text" />
    </span>
</form>

你能帮我说一下定点输入的最佳方法吗？

我试过这个但是......没有成功：

$(".taskYes").click(function(){
    var valeurTime = $(this).parent().next("span").val();
    alert(valeurTime);
});

Answer 1

您使用的是jQuery吗？还是VanillaJS？

Jquery解决方案：

 $('.inputMins').val()

VanillaJS解决方案：

document.getElementsByClassName('inputMins')[0].value

Answer 2

现在全面实施：

<!DOCTYPE html>
<html>

<head>
    <script>
        function checkTaskMinutes() {
            debugger;
            alert(document.getElementsByClassName('inputMins')[0].value);
        }
    </script>
</head>

<form method="post" action="">
    <span class="taskTitle">
        <input id="newInput" type="text" />
        <button class="taskYes" onclick="checkTaskMinutes()"></button>
    </span>

    <span class="taskMinutes">
        <input class="col-md-2 inputMins" type="text" />
    </span>
</form>


</html>

Answer 3

更简单！试试这个：

$(".taskYes").click(function(evt){
var value = $(evt.target).parent().next('span').find('.inputMins').val();
console.log(value);
});

Answer 4

在我的浏览器上，此代码正常运行，请将结果发给我！

<head>
    <script src="https://code.jquery.com/jquery-1.11.3.min.js">
    </script>
    <script>
        function init() {
            console.log("here");
            $(".taskYes").click(function(evt){
var value = $(evt.target).parent().next('span').find('.inputMins').val();
alert(value);
});
        }
    </script>
</head>
<body onload="init()">
<form method="post" action="">
    <span class="taskTitle">
        <input id="newInput" type="text" />
        <button class="taskYes"></button>
    </span>

    <span class="taskMinutes">
        <input class="col-md-2 inputMins" type="text" />
    </span>
</form>

</body>
</html>

如何使用javascript

4 个答案: