Javascript 如果在jquery中关注div，如何获取值？

这里我有一个div和一个输入文本。我可以获取聚焦的输入元素值，但无法获取div值

如果我使用

.val（）

，我可以得到输入的文本值。
如果我使用

.html（）

，我可以得到div元素的值

但是，我需要关注的东西的价值

HTML

CSS

使用jQuery的keydown（）函数

$(function(){
$('.tab_focus').keydown(function(){
alert($(this).val());
});
});

使用jQuery的keydown（）函数

$(function(){
$('.tab_focus').keydown(function(){
alert($(this).val());
});
});

在你的js中试试这个

alert($('.tab_focus').val() | $('.tab_focus').html());

在你的js中试试这个

alert($('.tab_focus').val() | $('.tab_focus').html());

$（文档）.on（'click'，'tab_addclass'，function（））{
$（'.tab_addclass'）。每个（函数（）{
if（$（this）.hasClass（'tab_focus'））
{
suc_flg=1；
$（this.removeClass（'tab_focus'）；
}
});
$（this.addClass（'tab_focus'）；
});
$（文档）。在（'单击'，'btn'，函数（）上{
var test=$（'.tab_focus'）.html（）| |$（'.tab_focus'）.val（）
警报（测试）；
});

4.
验证
$（文档）.on（'click'，'tab_addclass'，function（））{
$（'.tab_addclass'）。每个（函数（）{
if（$（this）.hasClass（'tab_focus'））
{
suc_flg=1；
$（this.removeClass（'tab_focus'）；
}
});
$（this.addClass（'tab_focus'）；
});
$（文档）。在（'单击'，'btn'，函数（）上{
var test=$（'.tab_focus'）.html（）| |$（'.tab_focus'）.val（）
警报（测试）；
});

4.
验证
您必须在元素中循环并检查它是否为
div
，然后获取文本，否则获取输入值：


$（文档）.on（'click'，'btn'，function（）{
var val={}；
$（'.tab_addclass'）。每个（函数（）{
if（$（this）.is（'div'））{
val.div=this.textContent；
}否则{
val.input=this.value；
}
});
$（'p'）.text（JSON.stringify（val））；
});
p{背景：黑色；颜色：白色；}

4.
验证





您必须循环遍历元素，检查它是否为
div
，然后获取文本，否则获取输入值：


$（文档）.on（'click'，'btn'，function（）{
var val={}；
$（'.tab_addclass'）。每个（函数（）{
if（$（this）.is（'div'））{
val.div=this.textContent；
}否则{
val.input=this.value；
}
});
$（'p'）.text（JSON.stringify（val））；
});
p{背景：黑色；颜色：白色；}

4.
验证





更新的答案，点击按钮后返回最近聚焦的div或输入值：

$(document).on('click', '#btn', function () {
    var focusExist = $(".focus").length;
    if (focusExist) {
        $focus = $(".focus");

        if ($focus.hasClass("tab_common")) {
            var tabValue = $focus.text();
            alert(tabValue);
        } else {
            var inputValue = $focus.val();
            alert(inputValue);
        }
    }

});

$(document).on('focus', '.tab_addclass', function () {
    $(".focus").removeClass("focus");
    $(this).addClass("focus");
});

更新的答案，点击按钮后返回最近聚焦的div或输入值：

$(document).on('click', '#btn', function () {
    var focusExist = $(".focus").length;
    if (focusExist) {
        $focus = $(".focus");

        if ($focus.hasClass("tab_common")) {
            var tabValue = $focus.text();
            alert(tabValue);
        } else {
            var inputValue = $focus.val();
            alert(inputValue);
        }
    }

});

$(document).on('focus', '.tab_addclass', function () {
    $(".focus").removeClass("focus");
    $(this).addClass("focus");
});

您无法使用
.val（）
获取div值，因为val仅用于
type=text
tabindex=“-1”
删除它，它会使其不可选择。好吧，Jai，但是，我如何获取焦点值？您无法使用
.val（）
获取div值，因为val仅用于
type=text
tabindex=“-1”
删除它，它使它不可选择。好吧，Jai，但是，我怎样才能获得焦点值？我需要在单击按钮时获得此值，这样你就可以在单击按钮时获得值，无需添加类。我需要在单击按钮时获得此值，这样你就可以在单击按钮时获得值，无需添加类。我需要将值分配给某个变量。这是正确的方法吗？是的，这是正确的方法。您可以这样做以获取
input
或
div
text的值。我需要将该值分配给某个变量。这是正确的方法吗？是的，这是正确的方法。您可以这样做来获取
input
或
div
text的值。如果我单击按钮，我编写了按钮事件，并将变量设置为全局变量，但得到两个未定义的值和原始值$（'.tab_focus'）.html（）|$（'.tab_focus'）.val（），则此操作不起作用。这是正确的方法吗？还有一件事，您是想关注div元素还是只想同时获得div的文本和输入的值。我需要同时获得输入的值和div的文本，以关注的为准。这就是我使用addclass的原因。无论哪一个有tab_focus类，我都需要获取button click上的值。如果我单击button，我编写了button事件并将变量设为全局变量，我尝试了，但得到了两个未定义的值和原始值$（'.tab_focus'）.html（）|$（'.tab_focus'）.val（）。这是正确的方法吗？还有一件事，您是想关注div元素还是只想同时获得div的文本和输入的值。我需要同时获得输入的值和div的文本，以关注的为准。这就是我使用addclass的原因。无论哪一个有tab_focus类，我都需要获取按钮单击此处的值，我无法获取输入文本的值。我需要在单击按钮时执行此操作。无论关注哪个div或输入类型，我都需要获取值。同样的问题是，我无法获取输入文本值。我还需要在单击按钮时执行此操作。@UIDesigner，ups我刚才注意到我的小提琴没有正确更新-抱歉。我又更新了小提琴。现在，点击按钮即可获得输入字段值。小提琴手：就这样！这是正确的方法吗$（'.tab_focus'）.html（）|$（'.tab_focus'）.val（）在这里，我无法获取输入文本的值。我需要在单击按钮时执行此操作。无论关注哪个div或输入类型，我都需要获取值。同样的问题是，我无法获取输入文本值。我还需要在单击按钮时执行此操作。@UIDesigner，ups我刚才注意到我的小提琴没有正确更新-抱歉。我又更新了小提琴。现在，点击按钮即可获得输入字段值。小提琴手：就这样！这是正确的方法吗$（'.tab_focus'）.html（）||$（'.tab_focus'）.val（）