点击按钮后来回更改文本

时间:2016-10-19 21:59:16

标签: javascript jquery

对于元素文本在变异后如何更改后,有一些小小的理解?



function get_separate_words(str)
    local i = 1
    local words = {}

    function get_parentheses_content(str,is_recursively_called)
        local i = 1
        local function split(s, sep)
            local fields = {}

            local sep = sep or ":"
            local pattern = string.format("([^%s]+)", sep)
            string.gsub(s, pattern, function(c) fields[#fields + 1] = c end)

            return fields
        end

        for j = 1,#str do
            local c = string.sub(str,j,j)
            local d = string.sub(str,j+1,j+1)
            if j <= i then
            elseif c == "(" then
                i = j + #get_parentheses_content(string.sub(str,j+1,#str),true) + 2
            elseif c == ")" and (is_recursively_called or (d == " ") or (not d)) then
            print('c')
                local parentheses_content = string.sub(str,1,j-1)
                return {parentheses_content}
            end
        end
        local parentheses_content = string.match(str,"^(.*)%)%s+[^)]*$")
        if parentheses_content then print('a') end
        parentheses_content = parentheses_content or string.match(str,"^(.*)%)$")
        if parentheses_content then
        print("A")
            return {parentheses_content}
        else
        print("B")
            return split("("..str," ")
        end
    end

    local function merge(table_a, table_b)
        table_a = table_a or {}
        table_b = table_b or {}

        for k_b, v_b in pairs(table_b) do
            if type(v_b) == "table" and type(table_a[k_b] or false) == "table" then
                merge(table_a[k_b], table_b[k_b])
            else
                table_a[k_b] = v_b
            end
        end

        return table_a
    end

    for j = 1,#str do
        local c = string.sub(str,j,j)
        if j < i then
        elseif c == " " or j == #str then
            local word = string.gsub(string.sub(str,i,j)," ","")
            if #word > 0 then
                table.insert(words, word)
                print(word)
            end
            i = j+1
        elseif c == "(" then
            local all_characters_after_opening_parentheses = string.sub(str,j+1,#str)
            local parentheses_content = get_parentheses_content(all_characters_after_opening_parentheses)[1]
            table.insert(words, parentheses_content)
            j= j+#parentheses_content+2
            i = j
        end
    end
    return words
end

separate_words = get_separate_words("1791 (AR6(K As)ync) S 2 )")

for k,v in ipairs(separate_words) do print(k,v) end
&#13;
$('.target').click(function() {
  
  

  if($(this).hasClass('clicked')) {
    $(this).text('ORIGINAL').toggleClass('clicked');
  }

  $(this).text('CLICKED').toggleClass('clicked');

});
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:2)

您可以将原始文件存储在jQuery的数据存储中,然后将其取回

&#13;
&#13;
$('.target').each(function() {
    
    $(this).data('original', $(this).text());
    
}).on('click', function() {
    $(this).toggleClass('clicked').text(function(_, txt) {
        var org = $(this).data('original');
    
        return txt === org ? 'CLICKED' : org;
    });
});
&#13;
.clicked {color: red}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class="target">Click</div>
<br/>
<div class="target">Click</div>
<br/>
<div class="target">Click</div>
<br/>
<div class="target">Click</div>
<br/>
<div class="target">Click</div>
<br/>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

每次点击都会触发最后一行代码。它将文本设置为 CLICKED

您只需要使用else声明。

$('.target').click(function() {

  if($(this).hasClass('clicked')) {
    $(this).text('ORIGINAL').toggleClass('clicked');
  } else {
    $(this).text('CLICKED').toggleClass('clicked');
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<a class='target'>ORIGINAL</a>