Question

每次单击页面上的下一个按钮时，如何运行以下jQuery代码？下一步按钮在“ .next”类下

$(".name").each(function(){
    if (($(this).text()) != "apple"){
        $(this).closest(".list").hide();
    }
});

Answer 1

不确定.next类下的含义，但通常您可以使用click event listener使用jQuery运行代码。

if (!hashMap.containsKey(listItem.substring(0,2)) {
    List<String> items = new ArrayList<String>();
    items.add(listItem);

    hashMap.put(listItem.substring(0,2), items);
} else {
    hashMap.get(listItem.substring(0,2)).add(items);
}

Answer 2

1-您需要将代码放入document.ready函数中

2-为该按钮提供一个<button id=btn...这样的ID

3-将以下脚本代码放在body标签末尾之前：

$(document).ready(function() {
   $('#btn').click(function() {
      if (($('.name').text()) != "apple"){
    $('.name').closest(".list").hide();
     }
});
});

4-绑定事件处理程序之前，您需要等待元素在页面加载时可用dom 5-确保未使用其他脚本/代码触发此nex按钮单击事件。

Answer 3

下面的代码有效，谢谢大家！

$(".next").click(function(){
    setTimeout(function() { 
    $(".name").each(function(){
        if (($(this).text()) != "Xyz"){
            $(this).closest(".list").hide();
        }
    });}, 500);
});

每次单击按钮时运行jQuery代码

3 个答案: