Javascript 如何在jquery中将div的值分配给没有id和类的未命名文本框

我想将div

.item

的值分配给没有名称、ID和类的空文本框。再次模糊输入时，

值

返回到div id

.item

$(document).on("click", ".item", function() {
    $(this).hide();
    $(".input-active input[type='text']").val($(this).text()).focus();
});
$(document).on("blur", ".input-active input[type='text']", function() {
    $('.item').show();
    $('.item').text($(".input-active input[type='text']").val());
    $(".input-active input[type='text']").val('');
});

使用，获取匹配元素集中每个元素的前一个兄弟元素。如果提供了选择器，则仅当它与该选择器匹配时，才会检索上一个同级

以及

，获取匹配元素集中每个元素紧跟其后的同级。如果提供了选择器，则仅当它与该选择器匹配时，才会检索下一个同级

$（document）.on（“单击“，”.item”，函数（）{
$（this.hide（）；
$（this）.next（“input[type='text']”）.val（$（this.text（））.focus（）；
});
$（document）.on（“blur”，“.input活动输入[type='text']”，函数（）{
$（this.prev（'.item'）.show（）；
$（this.prev（'.item'）.text（this.value）；
$（this.val（“”）；
});

编辑文本
编辑文本
编辑文本
编辑文本
编辑文本
编辑文本
使用，获取匹配元素集中每个元素的前一个兄弟元素。如果提供了选择器，则仅当它与该选择器匹配时，才会检索上一个同级

以及

，获取匹配元素集中每个元素紧跟其后的同级。如果提供了选择器，则仅当它与该选择器匹配时，才会检索下一个同级


$（document）.on（“单击“，”.item”，函数（）{
$（this.hide（）；
$（this）.next（“input[type='text']”）.val（$（this.text（））.focus（）；
});
$（document）.on（“blur”，“.input活动输入[type='text']”，函数（）{
$（this.prev（'.item'）.show（）；
$（this.prev（'.item'）.text（this.value）；
$（this.val（“”）；
});

编辑文本
编辑文本
编辑文本
编辑文本
编辑文本
编辑文本

上述代码将为所有输入控件和所有事件提供值

上述代码将为所有事件的所有输入控件提供值。…
您需要使用
最近的
或
父项查找相关输入/项，并应添加条件以检查空的大小写：

$(document).on("click", ".item", function() {
  $(this).hide();
  $(this).closest(".input-active").find("input[type='text']").val($(this).text()).focus();
});

$(document).on("blur", ".input-active input[type='text']", function() {
  var related_item = $(this).closest(".input-active").find('.item');

  if($(this).val()!=""){
    related_item.text($(this).val()).show();
    $(this).val('');
  }
});

希望这有帮助


一小条

$（document）.on（“单击“，”.item”，函数（）{
$（this.hide（）；
$（this）.closest（“.input active”）.find（“input[type='text']）.val（$（this.text（））.focus（）；
});
$（document）.on（“blur”，“.input活动输入[type='text']”，函数（）{
var related_item=$（this）.closest（“.input active”）.find（“.item”）；
if（$（this.val（）！=“”）{
相关的_item.text（$（this.val（））.show（）；
$（this.val（“”）；
}
});

编辑文本1
编辑文本2
编辑文本3
您需要使用
最近的
或
父项
找到父项，以查找相关输入/项目，并且您应该添加条件以检查空的大小写：

$(document).on("click", ".item", function() {
  $(this).hide();
  $(this).closest(".input-active").find("input[type='text']").val($(this).text()).focus();
});

$(document).on("blur", ".input-active input[type='text']", function() {
  var related_item = $(this).closest(".input-active").find('.item');

  if($(this).val()!=""){
    related_item.text($(this).val()).show();
    $(this).val('');
  }
});

希望这有帮助


一小条

$（document）.on（“单击“，”.item”，函数（）{
$（this.hide（）；
$（this）.closest（“.input active”）.find（“input[type='text']）.val（$（this.text（））.focus（）；
});
$（document）.on（“blur”，“.input活动输入[type='text']”，函数（）{
var related_item=$（this）.closest（“.input active”）.find（“.item”）；
if（$（this.val（）！=“”）{
相关的_item.text（$（this.val（））.show（）；
$（this.val（“”）；
}
});

编辑文本1
编辑文本2
编辑文本3
此代码不够灵活，无法处理重复的div。看看（）@Bhawna，您是否提供了足够的信息/上下文来提供更好的解决方案？在失败的地方提供一个提琴…检查我在评论中发给你的提琴。这段代码不够灵活，无法处理重复的div。看看（）@Bhawna，您是否提供了足够的信息/上下文来提供更好的解决方案？在失败的地方提供一把小提琴…检查我在评论中发给你的小提琴
$(document).on("click", ".item", function() {
  $(this).hide();
  $(this).closest(".input-active").find("input[type='text']").val($(this).text()).focus();
});

$(document).on("blur", ".input-active input[type='text']", function() {
  var related_item = $(this).closest(".input-active").find('.item');

  if($(this).val()!=""){
    related_item.text($(this).val()).show();
    $(this).val('');
  }
});