如何使用jquery删除名称标签中的元素

Question

For example, I have an input tag like this:

<input class="" name="abcxyz[full_name]"/>

is there a way to use jquery to remove [full_name] from the name tag? I want it like this:

<input class="" name="abcxyz"/>

Can someone help me?

Answer 1

Try finding all the inputs with square brackets in their names and then removing the bracketed expressions via the .attr() method

 const rx = /\\[.+?\\]/g // for finding and removing "[something]" $("input[name*='[']") .filter((_, { name }) => rx.test(name)) .attr("name", (_, name) => name.replace(rx, "")) // This just shows the result $("#out").text($("#inputs").html())

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="inputs"> <input class="" name="abcxyz[full_name]"/> <input class="" name="abcxyz[full_name"/> <!-- no match --> <input class="" name="abcxyz[full_name][exta]"/> <!-- multiple matches --> </div> <pre id="out"></pre>

The first selector finds all inputs with a [ in the name. The filter then makes sure they only match [something] .