按类名设置元素的值，而不使用元素的ID

Question

假设我们有以下代码：

<span class="input-text">
    <input type="search">
</span>

有没有办法，我们可以在没有元素的 ID 的情况下设置value？

Answer 1

你可以这样做： -

$(".input-text").children().val('set any value you want to')

Answer 2

可能的解决方案很多。 .val('your value')是设置输入标记值

的方法

<强>的jQuery

With class referring to span element
$('.input-text').find('input').val('value');
$('.input-text input').val('value'); // descendent selector
$('.input-text > input').val('value'); // direct children selector
Without referring to span element
$('input[type=search]').val('value'); // attribute selector

<强>的Javascript

$('.input-text').find('input')[0].value = 'value' 

或者如果您想在<span>标签内覆盖内容，请使用

$('.input-text').html('content')
$('span.input-text').html('content')

Answer 3

像这样使用：

$('input[type="search"]').val("set your value");

Answer 4

您可以使用Attribute Equals Selector [name="value"]

$('input[type="search"]').val("Your Value");

或

$('.input-text input').val("you value");

DEMO

Answer 5

您应该参考 jQuery selectors. 这对您更有帮助。

Answer 6

尝试val()或value

$('input[type="search"]').val("Your Value");

或

$('input[type="search"]').value = "Your Value"

Answer 7

试试这个：

$(".className").val("your value");