Question

 <table border="0"  class="commentbox">
   <tr>
     <td>
          <div id="comment-f78d0b00-a008-473d-b647-a4a103ee3778"></div>
         <input type="button" class='btnReply' id="reply-f78d0b00-a008-473d-b647-a4a103ee3778" value="Reply"/>

     </td>
 </tr>
</table>

  $(".commentbox .btnReply").live("click", function () {
            //  $(this).hide();
            // i = 1;
            id = $(this).attr("id").split("-")[1]
            alert(id);
            var strDiv = 
             "<input type='text' class='txtCmnt' id='txtReply-" + id + "' /> 
        <input type='button' class='btnSave' value='Save' id='btnSave-" + id + "' /> ";
            $("#comment-" + id).append(strDiv);


        });

我希望f78d0b00-a008-473d-b647-a4a103ee3778在拆分后相当警觉的 f78d0b00

我试图改变id = comment_ f78d0b00-a008-473d-b647-a4a103ee3778并拆分

id = $(this).attr("id").split("_")[1],but it doesnt work.

被修改

输入 - container-f78d0b00-a008-473d-b647-a4a103ee3778

拆分后的

输出 f78d0b00-a008-473d-b647-a4a103ee3778

Answer 1

实现最终结果的一种稍微复杂的方法：

// splits the supplied string by the hyphen '-' character
var string = 'comment-f78d0b00-a008-473d-b647-a4a103ee3778'.split(/-/);
    // removes the zeroeth/first element from the string array
    string.shift();
    // joins the remaining elements from the string back together
var newString = string.join('-');
console.log(newString);

JS Fiddle demo

已编辑将上述内容转换为函数：

function splitString(haystack, needle){
    if (!needle || !haystack){
        return false;
    }
    var string = haystack.split(needle);
    string.shift();
    return string.join(needle);
}

// the first argument is the string you want to work on,
// the second is the character you want to split on
// f is the variable that will hold the new string
var f = splitString('comment-f78d0b00-a008-473d-b647-a4a103ee3778','-');
console.log(f);

JS Fiddle demo

参考文献：

Answer 2

如果字符串的格式不会改变，那么使用子字符串函数如何改变呢？

var str = "comment-f78d0b00-a008-473d-b647-a4a103ee3778";
var subStr = str.substring(str.indexOf("-") + 1);

alert(subStr);

返回：f78d0b00-a008-473d-b647-a4a103ee3778 这是一个相同的jsfiddle http://jsfiddle.net/M2Ywy/

如果它适合您，那么您的代码将如下所示

var id = $(this).attr("id");
var subStr = id.substring(str.indexOf("-") + 1);

alert(subStr);
var strDiv =
"<input type='text' class='txtCmnt' id='txtReply-" + id + "' /> <input type='button' class='btnSave' value='Save' id='btnSave-" + id + "' /> ";

$("#comment-" + subStr).append(strDiv);

Answer 3

Demo jsFiddle

这应该这样做：

 var id = '';
 var strDiv = '';
 $(".btnReply").live("click", function () {
            //  $(this).hide();
            // i = 1;
            id = $(this).prev('div').attr("id").split("comment-")[1];
            alert(id);
            strDiv = "<input type='text' class='txtCmnt' id='txtReply-"+ id +"' /><input type='button' class='btnSave' value='Save' id='btnSave-"+ id +"' />";
            $("div[id*="+id+"]").append(strDiv);
});

Answer 4

你可以这样做，可能是一个更长的版本，但只有3行强。通过连字符split()只需"-"字符串，然后拼接第一个索引，然后使用join()方法重新加入整个字符串

示例：http://jsfiddle.net/eE48z/

$(document).ready(function(){
$(".commentbox .btnReply").click(function(){
var jid = $(this).attr("id").split("-");
jid.splice(0,1);
var id=jid.join("-");
alert(id);
var strDiv = "<input type='text' class='txtCmnt' id='txtReply-" + id + "' /><input type='button' class='btnSave' value='Save' id='btnSave-" + id + "' /> ";
        $("#comment-" + id).append(strDiv);
    });
});

无法在jquery中拆分字符串

4 个答案:

Demo jsFiddle