javascript - Jquery .parents 定位问题

Question

所以我有这个脚本，当我需要更改标签时，它可以在除目标之外的所有方面文件中使用。想法是添加一个 html 标签元素，然后编辑其设置。 console.log 返回标签值，但定位存在问题，它没有更改标签的 HTML。有任何想法吗？

var tCheckbox = "<?php echo $tCheckbox ?>";
var tText = "<?php echo $tText ?>";
var tNumber = "<?php echo $tNumber ?>";
count = 0;

function addField(template) {
    count++;
    currentTemplate = "";
    currentTemplate = template;

    // ADD Databin Field -------------------------------------------
    // replace all & with the designated count no
    currentTemplate = currentTemplate.replace(/\&/g, count);    

    // add template to fieldrange
    $(".field-range").append(currentTemplate);              

    // BIND Databin HTML Settings ----------------------------------                
    $(".field-set-label"+count).change(function(){  
        console.log("changed label")                    
        $(this).parents(".databin-field .field-label").html($(this).val()); 
    });     

    $(".delete-field" + count).click(function(){                                    
        $(this).parents(".databin-field").remove();             
    }); 
};

$("#addCheckbox").click(function(){
    addField(tCheckbox);
}); 
$("#addText").click(function(){
    addField(tText);
});
$("#addNumber").click(function(){
    addField(tNumber);
});     

Answer 1

改变

$(this).parents(".databin-field .field-label").html($(this).val()); 

至

$(this).closest(".databin-field").find(".field-label").html($(this).val()); 

您没有显示 HTML，但我假设 .field-label 位于 .databin-field 内部，它是您的 .field-set-label 和您想要更改的标签的父级。

编辑优化代码以使用 .closest 而不是 .parents().first()。感谢下面的答案，我注意到 .closest 提供了卓越的性能，因为它一旦找到第一个元素就会停止