如何使用Java脚本/ jQuery将字符串附加到运行时html属性值？

Question

HTML代码

A） <input type="text" id="1" name="Q-1>1>1=1" value="SELECT" style="width: 60px; height: 25px; text-align: center; cursor: pointer; border: 2px solid black;" onfocus="this.blur()" onclick="getTriStateMarks(this)" ;=""> <input type="text" id="1" name="Q-1>1>1=1" value="SELECT" style="width: 60px; height: 25px; text-align: center; cursor: pointer; border: 2px solid black;" onfocus="this.blur()" onclick="getTriStateMarks(this)" ;="">

B） <input type="text" id="1O" name="Q-1>1>1=1" value="SELECT" style="width: 60px; height: 25px; text-align: center; cursor: pointer; border: 2px solid black; display:none" onfocus="this.blur()" onclick="getTriStateMarks(this)" ;="">

我需要将B的显示属性更改为'block' 。

尝试的解决方案：

var strNotApplicableControlName = $(htmControl).attr('id'); //return value is 1 (id of A)
strNotApplicableControlName = strNotApplicableControlName.concat("O");
//strNotApplicableControlName = strNotApplicableControlName + "O"; //Not working
//using js
document.getElementById(strNotApplicableControlName).style.display = 'block';
//using jQuery
$(strNotApplicableControlName).css('display','block');
$("'" + strNotApplicableControlName + "'").css('display','block');

补充输出：

"1"O

我一无所知。 谢谢你的帮助。

Answer 1

尝试这个 -

$（ '＃10'）的CSS（ '显示器'， '阻止'）。

Answer 2

使用$('[id=1O]')选择元素，请查看下面的代码片段以了解其工作原理

 var dynamicid = 1; $('[id='+dynamicid+'O]').css("display","block"); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" id="1" name="Q-1>1>1=1" value="SELECT" style="width: 60px; height: 25px; text-align: center; cursor: pointer; border: 2px solid black;" onfocus="this.blur()" onclick="getTriStateMarks(this)" ;=""> <input type="text" id="1O" name="Q-1>1>1=1" value="SELECT" style="width: 60px; height: 25px; text-align: center; cursor: pointer; border: 2px solid black; display:none" onfocus="this.blur()" onclick="getTriStateMarks(this)" ;=""> 

Answer 3

您可以使用javascript：

 document.getElementById('1O').style.display = 'block'; 

 <input type="text" id="1" name="Q-1>1>1=1" value="SELECT" style="width: 60px; height: 25px; text-align: center; cursor: pointer; border: 2px solid black;" onfocus="this.blur()" onclick="getTriStateMarks(this)" ;=""> <input type="text" id="1O" name="Q-1>1>1=1" value="SELECT" style="width: 60px; height: 25px; text-align: center; cursor: pointer; border: 2px solid black; display:none" onfocus="this.blur()" onclick="getTriStateMarks(this)" ;=""> 

或Jquery：

 $('#1O').css('display', 'Block'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" id="1" name="Q-1>1>1=1" value="SELECT" style="width: 60px; height: 25px; text-align: center; cursor: pointer; border: 2px solid black;" onfocus="this.blur()" onclick="getTriStateMarks(this)" ;=""> <input type="text" id="1O" name="Q-1>1>1=1" value="SELECT" style="width: 60px; height: 25px; text-align: center; cursor: pointer; border: 2px solid black; display:none" onfocus="this.blur()" onclick="getTriStateMarks(this)" ;="">